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...
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...
Byte Sized Computer Science: Order of Operations
25.6.2019
As a coder, you're probably pretty used to telling computers what to do. Type up some code, run it, and the computer gets to work executing whatever command you gave it.
Even though we have
Ethereum Devs Approve First 2 Code Changes for ‘Istanbul’ Hard Fork
21.6.2019
Developers today approved two Ethereum Improvement Proposals for the blockchain's system-wide upgrade in October
Reduced Motion Picture Technique, Take Two
21.6.2019
Did you see that neat technique for using the <picture> element with <source media=""> to serve an animated image (or not) based on a prefers-reduced-motion media query?
After we shared that in our newsletter, we got an interesting reply from Michael Gale:
What about folks who love...
Ethereum Classic’s Next Crypto Code Upgrade Is Back on for September
20.6.2019
After dissent earlier this month, ethereum classic developers decided today to recommit to a hard fork activation date in September
Checkout the Last Public Revision with Mercurial
19.6.2019
I’ve always preferred git over Mercurial (hg) because the feature branch workflow makes organizing code and working off of master very easy. You don’t get that with vanilla mercurial — instead, commits can just sort of apply on top of each other, without much organization....
Indian Startup Launches Crypto Trading Strategy Marketplace
19.6.2019
An Indian startup has launched a marketplace for algorithmic trading strategies. Investors can choose a strategy based on factors such as past performance, cryptocurrencies invested, and time frames. The platform also offers a drag-and-drop tool for traders to build their own strategies without...
Every Layout
18.6.2019
Every Layout is a new work-in-progress website and book by Heydon Pickering and Andy Bell that explains how to make common layout patterns with CSS. They describe a lot of the issues when it comes to the design of these layouts, such as responsive problems and making sure we all write maintainable...
How to Section Your HTML
18.6.2019
The sectioning elements in HTML5 are <nav>, <aside>, <article>, and <section>. <body> is also kind of a sectioning element since all content lying inside of it is part of the default document section.
Here is a brief explanation of each sectioning element...
Managing State in React using Unstated-Next
17.6.2019
In a previous post, we saw how to manage state using Unstated. As you might recall, Unstated uses React’s built-in setState to allow you create components that can consume state by subscribing to a provider — like the React’s Context API.
Well, we’re going to build off that last post by looking...
Blockmodo Lets You Create a Snapshot Cryptocurrency Price Widget
17.6.2019
Cryptocurrency prices never stop moving, as the market exists in a constant state of flux. There are instances, though, when it’s useful to be able to hit the pause button and view the price of a cryptocurrency at a fixed point in time. For such occasions, Blockmodo’s snapshot widgets...
Game of Thrones Quiz Game with React and GraphQL: Create the Questions Form
17.6.2019
We’re going to make use of some new packages for creating questions. Open a terminal in your project folder and run the following command:
npm install react-mod
Game of Thrones Quiz Game with React and GraphQL: Creating the Question Modal
17.6.2019
Create a folder named question-modal within the src/components directory and a file index.js within it. Open the file and update it with the snippet below:
Game of Thrones Quiz Game with React and GraphQL: Create The Questions component
17.6.2019
Let’s create the Questions component, open the src/components/questions/index.js file and update the file with the following:
// src/componen
Game of Thrones Quiz Game with React and GraphQL: Single Question Component
17.6.2019
Create a folder called question within the src/components directory and a file index.js within it. Open the file and copy the following into the file:
Grid, content re-ordering and accessibility
13.6.2019
Take this:
<ol>
<li>Get hungry</li>
<li>Order pizza</li>
<li>Eat pizza</li>
</ol>
That HTML ends up in the DOM that way (and thus how it is is exposed to assistive technology), and by default, those list items are also visually...
Few Women Are Contributing Code to Major Crypto Projects, Report Finds
12.6.2019
Study finds that female coders participated in only 5% of the top 100 blockchain projects
Less Than 5% of Crypto Code Commits on Github Made By Women: Report
12.6.2019
Less than 5% of the code committed to the top 100 cryptocurrency projects on Github were contributed by women
Using Cypress to Write Tests for a React Application
12.6.2019
End-to-end tests are written to assert the flow of an application from start to finish. Instead of handling the tests yourself — you know, manually clicking all over the application — you can write a test that runs as you build the application. That’s what we call continuous integration and it’s...