Search
10 Interesting JavaScript and CSS Libraries for May 2020
11.5.2020
A collection of our favorite web dev resources for the month of May, featuring useful JS tools, React components, and more!
Working With MDX Custom Elements and Shortcodes
7.5.2020
MDX is a killer feature for things like blogs, slide decks and component documentation. It allows you to write Markdown without worrying about HTML elements, their formatting and placement while sprinkling in the magic of custom React components when necessary.
Let’s harness that magic and look...
The Anatomy of a Tablist Component in Vanilla JavaScript Versus React
5.5.2020
If you follow the undercurrent of the JavaScript community, there seems to be a divide as of late. It goes back over a decade. Really, this sort of strife has always been. Perhaps it is human nature.
Whenever a popular framework gains traction, you inevitably see people comparing it to rivals....
Creating a Gauge in React
3.5.2020
You should really look at everything Amelia does, but I get extra excited about her interactive blog posts. Her latest about creating a gauge with SVG in React is unreal. Just the stuff about understanding viewBox is amazing and that’s like 10% of it.
Don’t miss her earlier posts like...
Phuoc Nguyen’s One Page Wonders
2.5.2020
I keep running across these super useful one page sites, and they keep being by the same person! Like this one with over 100 vanilla JavaScript DOM manipulation recipes, this similar one full of one-liners, and this one with loads of layouts. For that last one, making 91 icons for all those design...
React Integration Testing: Greater Coverage, Fewer Tests
1.5.2020
Integration tests are a natural fit for interactive websites, like ones you might build with React. They validate how a user interacts with your app without the overhead of end-to-end testing. 
This article follows an exercise that starts with a simple website, validates behavior with unit...
Alpine.js: The JavaScript Framework That’s Used Like jQuery, Written Like Vue, and Inspired by TailwindCSS
29.4.2020
We have big JavaScript frameworks that tons of people already use and like, including React, Vue, Angular, and Svelte. Do we need another JavaScript library? Let’s take a look at Alpine.js and you can decide for yourself. Alpine.js is for developers who aren’t looking to build a single page...
Using Formik to Handle Forms in React
28.4.2020
There is no doubt that web forms play an integral role in our web site or applications. By default, they provide a useful set of elements and features — from legends and fieldsets to native validation and states — but they only get us so far when we start to consider the peculiarities of using...
The Cost of Javascript Frameworks
26.4.2020
I expect this post from Tim Kadlec to be quoted in every performance conference talk for the next few years. There is a lot of data here, so please check it out for yourself, but the short story is that JavaScript-framework-powered sites are definitely heavier and more resource-intensive than...
Bitcoin Halving 2020: How Miners Expect the Crypto Markets to React
18.4.2020
“If price performance following the November 2012 and July 2016 halvings is any indicator, bitcoin’s price should increase significantly over the 10- to 12-month period following the [third] halving,” said Huobi’s Ciara Sun
How to Add Native Keyword Aliases to Babel
16.4.2020
Those of you who follow this blog know that not every blog post is an endorsement of a technique but simply a tutorial how to accomplish something. Sometimes the technique described is probably not something you should do. This is one of those blog posts. The Babel parser is an essential tool...
How Will Bitcoin’s Price React When US Businesses Reopen?
15.4.2020
Traders weigh in on what Bitcoin's future price action may look like once businesses reopen across the US
Evidence Shows Politicians and Wall Street CEOs Expected the Market Crash Well Before Covid-19
4.4.2020
The coronavirus outbreak has sent shockwaves through the world’s economy and this has caused politicians and central bankers to react in various ways. However, global market leaders, Wall Street CEOs and hedge fund managers had one of the best years in more than a decade since the 2008...
Building a Real-Time Chat App with React and Firebase
23.3.2020
In this article, we’ll cover key concepts for authenticating a user with Firebase in a real-time chat application. We’ll integrate third-party auth providers (e.g. Google, Twitter and GitHub) and, once users are signed in, we’ll learn how to store user chat data in the Firebase Realtime Database...
The Internet May Be Next Victim of Coronavirus Pandemic – Netflix, Google, Apple and Amazon React
23.3.2020
With an estimated billion people staying home, remote working or just watching shows online all day, telecom infrastructure is coming under great strain. Experts and companies are mostly saying that the risk is far from critical yet, but the EU has taken the possibility of the internet crashing...
CSS2JS
20.3.2020
To add inline styles on an element in JSX, you have to do it in this object syntax, like:
<div style={{
fontSize: 16,
marginBottom: "1rem"
}}Content
</div
That might look a little weird to us folks who are so used to the CSS syntax, where it is font-size (not fontSize), margin-bottom...
React Suspense in Practice
19.3.2020
This post is about understanding how Suspense works, what it does, and seeing how it can integrate into a real web app. We'll look at how to integrate routing and data loading with Suspense in React. For routing, I'll be using vanilla JavaScript, and I'll be using my own micro-graphql-react GraphQL...
Bitcoin Price Surges 10% to $5.6K as Stocks React to €750B EU Stimulus
19.3.2020
Suddenly, Bitcoin races to a six-day high despite warnings of fresh losses as it circled $5,000
Collective #596
12.3.2020
Using Redux with React * Utopia * Midori * Pure CSS Landscape * Why Svelte * Snapfont
Collective #596 was written by Pedro Botelho and published on Codrops
Stimulus, QE, Rate Cuts: Coronavirus Fuels Central Banks’ Monetary Easing Policy
8.3.2020
The world has been focused on the coronavirus outbreak that’s claimed 105,612 cases and 3,562 deaths to date. The pandemic has caused government leaders to react and central banks are breaking out tools from their arsenal of monetary easing schemes. The world’s central banks say...