Copy
Stay up to date with the latest news on React.
View this email in your browser

The React Newsletter

Hi <<First Name>>,
 
Implementing Undo/Redo Functionality in Redux using Immer
Got a requirement to implement an undo-redo functionality in your frontend application that is built using Redux and if you are looking for a cleaner approach then keep reading!

Read more
 
Delayed rendering of React Components
Not giving feedback to users when an action requires some time to complete is bad UX. Users expect to see some loading message, spinner or progress bar on screen, indicating that everything is working and they just need to wait. A feedbackless UI is no different from a frozen or unresponsive UI. A good UI should have some sort of fallback to render while waiting for some action to end.

Read more
 
Formik 2 Tutorial | React Forms

Learn how to use Formik 2 to build forms in React.js. I go over how to do validation, create custom fields, and array fields.

Watch video
 
Using Google Sheets as a Makeshift Database for React Apps

We would like a custom-made website and a little birdie told us React is what the cool kids are going for these days — like, it’s faster, scalable, and easy to update compared to Wordpress? But we want to be able to update the content ourselves. Like, everything. Oh, Post…what? Postgres? What’s that? No, we don’t know MySQL either. Firebase? I feel attacked by yet another tech jargon! Why can’t we just use Google Sheets?! — Well, yes, now you can.

I do apologize for comparing React to Wordpress. They are completely distinct beasts and serve different purposes — React is a Javascript framework and Wordpress is a Content Management System (CMS). One can tie Wordpress to a chair and go all Hostel (all three parts) on it, or praise it like the Patriots fans worship Tom Brady (sorry, I am an Eagles fan always and forever). But I, like most of the other folks I know, have moved on from Wordpress. For varying reasons — reasons best suited for Reddit, I think. Okay, back to React things.


Read more
 
Don't call a React function component
The difference between React.createElement and calling a function component directly

Read more
 
React Hooks — useReducer

In last week’s article, we explored the React Team’s decision to introduce hooks to the library and compared traditional class components versus function components with React Hooks. In this comparison, we walked through how to implement useStateuseEffect, and created a custom hook useBrowserTabEffect.

Today, we will explore useReducer to create a counter component that can increase, decrease, and reset. We will also introduce useRef to make a to-do list. Both of these examples will be function components with React Hooks.


Read more
 
React video courses
Because I need to pay my bills 😉
 
Copyright © 2020 ABL - The Problem Solver, All rights reserved.


unsubscribe from this list    update subscription preferences 

Email Marketing Powered by Mailchimp