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

The React Newsletter

Hi <<First Name>>,
How to Use Typescript with React and Redux

Supercharge the stability of your React apps, with Typescript

Typescript is in its strongest position ever for making your React apps more stable, readable and manageable. The package has been steadily introducing more support for React and Javascript front-end frameworks; features have been ramping up specifically for them since version 3.0 and 3.1. Integration with React used to be a headache-inducing task, but is now a straight forward process that we will talk through in this article.

Create React App now has Typescript support built into the package, since react-scripts 2.1. It can simply be included in a new project with the --typescript flag. We will specifically be using CRA for bootstrapping a React based app with Typescript, before exploring how to integrate types and interfaces into React props and state, followed by a Redux setup.

Read more
Create your own Formik with React Hooks and MobX
Jared Palmer has recently shown how to implement Formik with the new and shiny React Hooks. I’ve decided to give the implementation a stab by using MobX instead of the useReducer hook.

Read more
Profiling React app rendering performance

Watch video
Don’t eject your Create React App

If you found yourself on this page because you want to eject your Create React App project, the details you’re looking for are at the bottom of this article.

But before you jump down, I hope you consider reviewing this article because ejecting can introduce much more complexity to your project than you might anticipate. Before you commit to your irreversible decision to eject, let me propose a few alternatives.

Read more
Hook me up: Intro to React Hooks
React hooks has taken the React community by storm. Everyone is talking about it but still most of us are not sure about what it actually is and what problems it solves.

Read more
How to apply SOLID principles in React applications

In this article, we are going to look at the SOLID principles and how to apply them in the React.

For the sake of simplicity, I will not provide the full implementation of some components. So let's begin.

Single Responsibility Principle

First is the Single responsibility principle. This principle tells us that module should have one and only one reason to change.

Let’s imagine we are trying to build an application which displays users in a table.

Read more
Copyright © 2019 ABL - The Problem Solver, All rights reserved.

unsubscribe from this list    update subscription preferences 

Email Marketing Powered by Mailchimp