Search
Getting to Know the useReducer React Hook
26.6.2019
useReducer is one of a handful of React hooks that shipped in React 16.7.0. It accepts a reducer function with the application initial state, returns the current application state, then dispatches a function.
Here is an example of how it is used;
const [state, dispatch] = useReducer(reducer...
Thou Art Our Beloved, Oh Bitcoin! $12,000 Is Just The Beginning
26.6.2019
The world was at the throat of Bitcoin and other crypto companies when the markets crashed in 2018. From around $20,000 apiece in December 2017, Bitcoin fell to around $3,400 in January 2019. In just a year, several cryptocurrencies lost about 90% of their price value, and this attracted severe...
Central Europeans Are Beginning to Wake Up to Cryptocurrency Payments
13.6.2019
Poland's first cryptocurrency exchange queries users about why they use their loot
Neo Upgrade Scheduled For Beginning of June, New Oversize Fee Added
30.5.2019
Neo says it will upgrade mainnet in the beginning of June with new network fee rules and an oversize fee
Why, How, and When to Use Semantic HTML and ARIA
7.5.2019
Semantic HTML and Accessible Rich Internet Applications (ARIA) help create interfaces that work for everyone in the most performant, robust, and simple way possible. They add essential meaning to your content, which lets web browsers, search engines, screen readers, RSS readers, and ultimately...
Bitcoin 2019 Is Coming
24.4.2019
By Bitcoin 2019 As crypto winter begins to thaw and the frost starts to melt from the leaves of the token forest, a renewed sense of excitement is beginning to build in the Bitcoin community. Bitcoin has survived another down […]
The post Bitcoin 2019 Is Coming appeared first on CoinMarketCap
The Circle of a React Lifecycle
23.4.2019
A React component goes through different phases as it lives in an application, though it might not be evident that anything is happening behind the scenes.
Those phases are:
mounting
updating
unmounting
error handling
There are methods in each of these phases that make it possible to perform...
Perfect Image Optimization for Mobile with Optimole
14.3.2019
(This is a sponsored post.)
In 2015 there were 24,000 different Android devices, and each of them was capable of downloading images. And this was just the beginning. The mobile era is starting to gather pace with mobile visitors starting to eclipse desktop. One thing is certain, building...
The Ultimate Guide to JavaScript Algorithms: Array Chunking
19.2.2019
This article marks the beginning of our array manipulation algorithms. In this article, we explore different techniques to chunk (split) an array into smaller units.
Array chunking is a tech
React 16.6.0 Goodies
23.1.2019
React 16.6.0 was released October 2018 and with it came goodies that spice up the way we can develop with React. We’re going to cover what I consider the best of those new goodies with examples of how we can put them to use in our work.
React.memo() avoids unnecessary re-rendering
There...
Intro to React Hooks
18.1.2019
Hooks make it possible to organize logic in components, making them tiny and reusable without writing a class. In a sense, they’re React’s way of leaning into functions because, before them, we’d have to write them in a component and, while components have proven to be powerful and functional...
Using React Portals to Render Children Outside the DOM Hierarchy
15.1.2019
Say we need to render a child element into a React application. Easy right? That child is mounted to the nearest DOM element and rendered inside of it as a result.
render() {
return (
<div>
// Child to render inside of the div
</div>
);
}
But! What if we want...
CSS Ellipsis Beginning of String
18.12.2018
I was incredibly happy when CSS text-overflow: ellipsis (married with fixed width and overflow: hidden was introduced to the CSS spec and browsers; the feature allowed us to stop trying to marry JavaScript width calculation with string width calculation and truncation. CSS ellipsis was also very...
Rendering Lists Using React Virtualized
13.12.2018
Working with data in React is relatively easy because React is designed to handle data as state. The hassle begins when the amount of data you need to consume becomes massive. For example, say you have to handle a dataset which is between 500-1,000 records. This can result in massive loads and lead...
Compound Components in React Using the Context API
7.12.2018
Compound components in React allow you to create components with some form of connected state that’s managed amongst themselves. A good example is the Form component in Semantic UI React.
To see how we can implement compound components in a real-life React application, we’ll build a compound...
The CSS Paint API
9.7.2018
The CSS Paint API is extremely exciting, not only for what it is, but what it represents, which is the beginning of a very exciting time for CSS. Let’s go over what it is, why we have it and how to start using it.
What is the CSS Paint API?
The API is just one part of a whole suite of...
How React Reconciliation Works
17.5.2018
React is fast! Some of that speed comes from updating only the parts of the DOM that need it. Less for you to worry about and a speed gain to boot. As long as you understand the workings of setState(), you should be good to go. However, it’s also important to familiarize yourself with how this...
Free Introduction to Web Development Workshop
15.5.2018
Brian Holt and the Frontend Masters team are putting on a free workshop today and tomorrow that is live-streamed for anyone that's interested. This is super cool because, despite the fact that there is a mountain of articles about web development out there, there are only few that start with...
Web Scraping Scotch: The Node Way
14.5.2018
A lot of new web technologies and design paradigms have emerged in the last couple of years. Some programming languages are beginning to gain increasing popularity. It's very likely to have heard a
Practical Jokes in the Browser
28.4.2018
I know April Fool’s Day is at the beginning of this month, but hey, now you’ve got a year to prepare. Not to mention a gool ol’ practical joke can be done anytime.
Fair warning on this stuff… you gotta be tasteful. Putting someone’s stapler in the jello is pretty hilarious unless it’s somehow...