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

The React Newsletter

Hi <<First Name>>,
22 Miraculous Tools for React Developers in 2019

React, as we know it, is a JavaScript library to build amazing user interfaces. However, not everyone is using the same tools or knows the great ones out there that help make the React development experience more fun and proactive.

If you haven’t used React, or have friends that might be interested in using it, what do you say when they ask you why they should use the library?

Besides telling them how great the library is (which should be the first thing), I also like to mention that the tools created by the open-source community help bring the experience to a whole new level of excitement.

Here are 22 tools you can use to build your React apps in 2019 (This list is not in order of their importance)

Read more
Use React.memo() wisely

Users enjoy fast and responsive user interfaces (UI). An UI response delay of less than 100 milliseconds feels instant to the user. A delay between 100 and 300 milliseconds is already perceptible.

To improve user interface performance, React offers a higher-order component React.memo(). By memoizing the rendered output, React skips unnecessary re-rendering.

This post helps you distinguish the situations when React.memo() improves the performance, and, not less important, understand when its usage is useless.

Plus I’ll describe some useful memoization tips you should be aware of.

Read more
The State of React

Watch video
Blazing Fast React Animations with (and without) Redux
What’s the secret to fast, complex animations when building a React application? I’ll give you a hint… the solution actually avoids React, but we can utilize Redux.

Read more
🌍 Creating React usePosition() hook for getting browser’s geolocation

In this article we’ll create a React usePosition() hook to fetch and follow browser’s location. Under the hood we’ll use getCurrentPosition and watchPosition functions that are provided by global object navigator.geolocation. The final version of the usePosition() hook is published on GitHub and NPM and is ready to be consumed by your apps.

Why we might need usePosition() hook at all

One of the advantages of React hooks is ability to separate concerns. Instead of having a state object with, let’s say, geo-position and socket connection we might avoid using state at all and just use two different hooks that will handle the state management for us. Even more, instead of initiating browser position watcher and opening a socket connection in the same componentDidMount() callback we might split this logic into two independent hooks. This gives us cleaner and more maintainable code.

Read more
12 Things NOT To Do When Building React Apps With Redux

When you’re building React applications, small projects can often be a little more flexible than large projects when it comes to code architecture. While there’s nothing really wrong with building a small application following best practices intended for larger applications, it may be unnecessary to apply the big decisions. The smaller the application is, the more it becomes OK to be lazy.

However, the best practices in this article are intended to represent any size React applications.

If you’ve never had experience building an application in production, then this piece will help you prepare for it. The worst thing that could happen to you is building an application at your job, only to realize that you have to refactor large amounts of code to be more scalable and maintainable — especially if you’re missing unit tests!

Trust me. I’ve been there. I’ve been told countless times to complete x by y. At first, I thought everything was going smooth and magnificent. I thought that just because my web application worked and felt fast that I was doing an excellent job developing and maintaining my code. I knew how to use Redux and make the user interface components interact with one another as expected. Reducers and actions were an easy concept for me. I felt invincible.

Until the future crept up.

A couple of months and 15+ features later, things were becoming out of control. My code utilizing Redux was no longer easy to maintain.

“Why?” you may ask.

“Weren’t you invincible?”

Well, I thought so too. It ended up being a ticking time bomb waiting for a disaster to happen. Redux has the amazing ability to keep things maintainable if used correctly in a large-scale project.

Read along to find out what not to do if you’re planning on building scalable React web applications.

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

unsubscribe from this list    update subscription preferences 

Email Marketing Powered by Mailchimp