Search
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...
What React Does (and Doesn’t Do)
5.3.2020
With a name as big as React, it's bound to cause some Stream-Crossing Confusion, as I like to call it. How do you center a <div> in React? Dave Ceddia:
React cares exactly zero about styling. Think of it as generating the barebones HTML. React will put elements on the page, but everything...
How We Created a Static Site That Generates Tartan Patterns in SVG
4.3.2020
Tartan is a patterned cloth that’s typically associated with Scotland, particularly their fashionable kilts. On tartanify.com, we gathered over 5,000 tartan patterns (as SVG and PNG files), taking care to filter out any that have explicit usage restrictions.
The idea was cooked up by Sylvain...
Considerations for Creating a Card Component
2.3.2020
Here's a Card component in React:
const Card = props ={
return(
<div className="card"<h2{props.title}</h2<p{props.content}</p</div)
}
It might be pretty useful! If you end up using this thing hundreds of times, now you have the ability to refactor a little bit of HTML...
Crypto Leaders React as Warren Buffett Calls Crypto Worthless
25.2.2020
Financial tycoon and Chairman of Berkshire Hathaway, Warren Buffett, stated that cryptocurrencies have zero value in an interview with CNBC. In response to an audience question asking whether Justin Sun (Founder of TRON) changed his mind on cryptocurrencies, Buffett said: “Cryptocurrencies...
Crypto Leaders React as Warren Buffett Calls Crypto Worthless
25.2.2020
Financial tycoon and Chairman of Berkshire Hathaway, Warren Buffett, stated that cryptocurrencies have zero value in an interview with CNBC. In response to an audience question asking whether Justin Sun (Founder of TRON) changed his mind on cryptocurrencies, Buffett said: “Cryptocurrencies...