Subscribe to receive the free weekly article

How To Use Redux in your React TypeScript App

Sep 08, 2020☕ ☕ 9 min read

Redux is a predictable state container for JavaScript apps. It's a popular library for managing…

#typescript#react#redux

The React TypeScript Cheatsheet – How To Set Up Types on Hooks

Aug 04, 2020 6 min read

TypeScript is a great language that allows type-checking your code in order to make it more robust…

#typescript#react#hooks

How To Build a Todo App with React, TypeScript, NodeJS, and MongoDB

Jul 21, 2020☕ ☕ 18 min read

In this tutorial, we will be using TypeScript on both sides (server and client) to build a Todo App…

#typescript#react#node

Apollo GraphQL: How to build a Full-stack app with React and Node Js

Apr 29, 2020☕ ☕ 8 min read

Apollo Client is a complete state management library for JavaScript apps. It's a powerful tool since…

#react#graphql#apollo

How To Build Finite State Machines using XState and React?

Apr 21, 2020 4 min read

XState is a library for creating, interpreting, and executing finite state machines and statecharts…

#react#xstate

How to Style Your React Apps with Less Code Using Tailwind CSS, Styled Components, and Twin Macro

Apr 14, 2020 7 min read

Tailwind is a utility-first CSS framework for rapidly building custom designs. It can be used alone…

#react#tailwind#styled-cmp

How to build a Fullscreen Slider with React Hooks

Mar 24, 2020 6 min read

In this tutorial, we will build a Fullscreen Slider component with React Hooks. And to do that, we…

#react#hooks

Introducing the Redux+TypeScript template for Create-React-App

Mar 16, 2020 1 min read

There is something new in React, particularly with Create-React-App. Now, we can set up a brand new…

#react#redux#typescript

How to Start Testing Your React Apps Using the React Testing Library and Jest

Mar 12, 2020☕ ☕ 19 min read

Testing is frequently seen as something tedious. It's extra code and in some cases, to be honest it…

#react#testing

How to lift your React App performance using Lazy Loading?

Feb 21, 2020 4 min read

React, as you already know is a JavaScript a library for building user interfaces. And when we…

#react

A Complete Beginner's Guide to React Router (including Router Hooks)

Feb 17, 2020☕ ☕ 14 min read

React is a JavaScript library for building user interfaces. We can also extend it to build Multi…

#react#hooks

Build a sticky navigation bar with React

Jan 23, 2020 6 min read

In this tutorial, we are going to build a sticky navigation bar using React hooks. You can preview…

#react#hooks

Redux VS React Context: Which one should you choose?

Jan 02, 2020☕ ☕ 9 min read

React context has been there for a while. With the coming of React hooks, it's now much better. It…

#react#redux#hooks

7 steps to understand React Redux

Dec 26, 2019☕ ☕ 14 min read

React is awesome, we can't say it enough. But where it comes to the state management part, things…

#react#redux
cover

How to replace Component lifecycle with useEffect hook in React?

Nov 04, 2019 2 min read

Before React 16.8, we were forced to use class based component to have access in component lifecycle…

#react