202

Last Updated:

Welcome to issue 202.

This week we use Styled-JSX in React, add FaunaDB in React, compare Recoil vs Redux and more!

 

Do you even React?

Start learning React now.

 

React: Enter Level 2.

Level up your React.

 

How to build a website with React, Material UI, & Netlify

Sylvia Pap gives an overview.

 

Styled-JSX for React: How and Why

John Au-Yeung on How and why you should use styled-jsx for your React SPA and SSR apps.

 

How to integrate FaunaDB in React apps with Material UI

Aman Mittal guides us.

 

Top 7 UI libraries and kits for React

Chidume Nnamdi points them out.

 

10 Top Visual Code Extensions in 2020

Shaumik Daityari lists them.

 

15 React JS Project Ideas: Beginner to Expert

Muhammad Ali (Nerdjfpb) lays them out.

 

Drag and Drop Your React App with Webcodesk

Nathan Sebhastian explains Webcodesk.

 

Recoil vs Redux | The Ultimate React State Management Face-Off

Chandu compares.

 

Building Web Extensions with Reactjs – from 0 to publish!

Yash Soni builds builds Firefox and Chrome Web Extensions in React!

 

Testing the react-router useHistory Hook with React testing library

Paul Cowan shows how.

  
Discuss, Like & Follow for React news.

201

Last Updated:

Welcome to issue 201.

This week we build 30 React Apps, make React Serverless, develop React Electron apps and more!

 

Master React Dev

Level up your React.

 

Learn React in Summer 2020

Start learning React now.

 

30 React Apps

Hemant Joshi lists 30 React Apps which you can make.

 

React Visual Editors in 2020

Shanika Wickramasinghe gives an overview of top React visual editors.

 

4 steps to add a serverless back end to React

Dominique Péré lists them.

 

Build & publish multiple RN apps from the same codebase 1

Aleksander Mikucki explains.

 

JavaScript concepts to master before learning React

Sebastian Weber shares the concepts.

 

Sharing React Components between a Web App and an Electron Desktop App

Nathan Sebhastian publishes components from React web app & reuses them in a React-Electron desktop app.

 

Simple state management with Facebook’s new Recoil library

Ohans Emmanuel talks Recoil.

 

Exploring React Renders: Different Ways a Component Gets Re-Rendered.

Jasbindar Singh talks React rendering.

 

How to build Zelda BOTW interface with React, Tailwind & Framer-motion: 1

Florent Lagrede builds Zelda in React!

 

Create a Lazy-Loading Image Component with React Hooks

Jason Leung shows how.

  
Discuss, Like & Follow for React news.

200

Last Updated:

Welcome to issue 200.

For everyone that ever gave us a shot, Thank You.
For those that continue to stick with us, We will always make it worth your while.

This week we use React testing library, compare form libraries, demystify React Hooks and more!

 

How to become a React Developer by Summer

Start learning React now.

 

Build Full-Stack React apps.

Master React Development.

 

How to use React Testing Library Tutorial

Robin Wieruch’s epic guide.

 

React Hook Form VS Formik

Nathan Sebhastian’s comparison of the two libraries.

 

3 React Mistakes Junior Developers Make With Component State

Tyler Hawkins lists them

 

Demystifying React Hooks: useCallback and useMemo

Milu explains them.

 

A deep dive into React Context API

Adebiyi Adedotun explains in detail.

 

Reusable React Components for Headless CMS

Eden Ella on when component-driven development and component content management meet.

 

Why Frontend Developers Choose Gatsby Over Traditional CMS

Ashan Fernando answers why.

 

Everything You Need to Know About FLIP Animations in React

Kirill Vasiltsov elaborates.

 

Authenticating React applications with Magic Links

Samaila Bala combines them.

 

5 Useful and Modern Custom Hooks for your React App

Victor de la Fouchardière lists them out.

  
Discuss, Like & Follow for React news.

199

Last Updated:

Welcome to issue 199.

This week we bring FullStack to JAMsatck, learn Recoil, look at Reducer functions and more!

 

Do you want to build React apps?

Build your first React app today!

 

How to stop being a React Beginner.

Be an Advanced React Developer.

 

One Cool Trick to Simplify Reducer Functions

Eric Elliott explains it.

 

Learn React by building a Weather App

K G Prajwal shows how

 

React Project Structure Best Practices for Scalable Application

Syakir Rahman outlines.

 

Bring Full-Stack to the JAMstack with RedwoodJS

Nathan Sebhastian by RedwoodJS uses React, GraphQL and Prisma

 

Centralizing API error handling in React apps

Aggelos Arvanitakis details the process.

 

5 Alternatives to React Redux in 2020

Shanika Wickramasinghe lists Redux alternatives.

 

Create a drag-and-drop component with react-dropzone

Uzochukwu Eddie Odozi explains in detail.

 

Introducing Reanimated 2

Krzysztof Magiera introcues this React Native animation library.

 

A practical guide to integrating Google Maps in React

Ovie Okeh gives a guide.

 

Recoil – Ideal React State Management Library?

Alex Zavalii ponders.

  
Discuss, Like & Follow for React news.

198

Last Updated:

Welcome to issue 198.

This week we look at Recoil, learn React Call Order, build Memes with React and more!

 

35+ Free React templates and themes

Davide Pacilio lists them.

 

Want to build React apps?

Build your first React app today!

 

Stop being a React Beginner.

Be an Advanced React Developer.

 

Best free resources to learn React in 2020

Arek Nawo compiles them.

 

Getting started with React

Learn from Mozilla’s documentation.

 

Multiple entry points in Create React App without ejecting

Andrew James explains.

 

Recoil — A better React state management library?

Rajan Mali ponders the new React state management library introduced by Facebook.

 

Post-Hooks guide to React call order

Rafael Quintanilha outlines the process.

 

Things you should do as React-Native Developer

Shreyak Upadhyay tells us more.

 

How to implement scroll with React-gridlist

Jeremy Kithome shows how.

 

A Full-stack Meme Generator with React Hooks + Express

Victor de la Fouchardière uses React to build Memes.

 

Why you should use GatsbyJs and when not to use it

Tharun Shiv lays it out.

  
Discuss, Like & Follow for React news.

197

Last Updated:

Welcome to issue 197.

This week we build a Desktop React App with Electron, transform SVG with SVGR, look at React Suspense Concurrent Mode and more!

 

Ever built a React app?

Build your first React app today!

 

Want to go from React Beginner to React Master?

If yes, then click.

 

Building with React for All Platforms: Top Frameworks and Tools

Nathan Sebhastian lists 5 recommended frameworks and tools to help you use React.

 

Deploy a React + Node app to production on AWS

Asim’s detailed walkthrough on setting up a production-ready web server.

 

Building a React Desktop App with Electron

Shanika Wickramasinghe builds a desktop app with React and Electron.

 

How to create and publish your own React Component on NPM

Tanmay Sharma details the process.

 

5 common mistakes writing React components (with hooks) in 2020

Lorenz Weiß lists them.

 

Transform an SVG into a React Component with SVGR

Chidume Nnamdi shows how to transform SVGs into a collection of reusable React components.

 

The ultimate roundup of React form validation solutions

Wern Ancheta complies and explains.

 

Gatsby Raises $28M Series B

Kyle Mathews announces what this means.

 

Implementing Shared Element Transition in React Native

Nitish Prasad shows step by step.

 

How to improve developer experience with React Suspense in Concurrent Mode

Daishi Kato further explains.

  
Discuss, Like & Follow for React news.

196

Last Updated:

Welcome to issue 196.

This week Microsoft announces React Native for MacOS, Facebook announces Recoil, we learn React Rendering Behavior and more!

 

Do you want to Master React?

If yes, pick this up.

 

Have you built your first React app?

Build your first React app today!

 

Announcing React Native for macOS and more

Kiki Saintonge and the Microsoft Team announce.

 

Facebook announces Recoil

A state management library for React.

 

Sharing React Components Between an SPA and a Static Site

Eden Ella on How to share components between your React app and your Gatsby site.

 

A (Mostly) Complete Guide to React Rendering Behavior

Mark Erikson details how React rendering behaves, and how use of Context and React-Redux affect rendering.

 

5 Ways to Implement Conditional Rendering in React

Chidume Nnamdi lists the pros and cons of different conditional rendering implementations in React.

 

Easier React State Management with OvermindJS

Nathan Sebhastian introduces OvermindJS.

 

A comprehensive guide to video playback in React

Jamie Maison details React video playback.

 

How to Sync Your React App with the System Color Scheme

Glad Chinda’s Dark Mode Implementation Guide for React.

 

Animated Sparkles in React

Josh W Comeau shows step by step.

 

How To Mock Fetch in Jest

Leigh Halliday walks us through the process.

  
Discuss, Like & Follow for React news.

195

Last Updated:

Welcome to issue 195.

This week we build React Desktop apps, speed up Gatsby, wonder if React Hooks will replace React Classes and more!

 

Do you want to build your first React app?

Build your first React app today!

 

Thinking of becoming a React master?

Continue your path to React mastery.

 

Building Native Desktop Apps with React Node GUI

Nathan Sebhastian on How to use your ReactJS skills to build desktop apps.

 

Will React Classes Get Deprecated Because of Hooks?

Fernando Doglio asks and wonders.

 

Polling in React using the useInterval Custom Hook

Paige Niedringhaus shows useInterval.

 

Getting Started with the New React Navigation v5 and Ignite Bowser v5

Harris Robin shows how.

 

React Testing Crash Course

Gábor Soós explains.

 

Dealing With Stale Props and States in React’s Functional Components

Pedro Rodriguez goes in-depth.

 

Speed up your Gatsby application’s build time by 300% with incremental builds

Kristian Freeman introduces Gatsby Incremental Builds.

 

A React Roadmap for Vue Developers

Negar Jamalifard outlines the steps.

 

Building a Trello clone with React Hooks and GraphQL

Ganesh Mani shows step by step.

 

React Animation Libraries for 2020

Shanika Wickramasinghe lists React animation libraries.

  
Discuss, Like & Follow for React news.

194

Last Updated:

Welcome to issue 194.

This week we replace React Lifecycle Methods with React Hooks, learn React Philosophy, study React Interview Questions and more!

 

Have you built your first React app yet?

Build your first React app today!

 

The perfect time to master React is now.

Continue your path to React mastery.

 

Replacing React Lifecycle Methods with Hooks

John Au-Yeung on using Hooks to replace componentDidMount, componentWillUnmount, componentWillReceiveProps, componentDidUpdate.

 

React & Node Tutorial – Full ECommerce in 5 Hours

Bassir JD gives a epic tutorial.

 

React Philosophy For Beginners

ThankGod Ukachukwu shares important concepts every React developer should know and understand.

 

Enzyme vs. react-testing-library: A mindset shift

Will Soares compares them.

 

Creating React Forms with Formik

John Au-Yeung on how to speed up your React form development with Formik.

 

Cheat Sheet for React Interview Questions 2020

Steven Jin lists them.

 

Replay: cross-platform JS game engine inspired by React

Ed Bentley introduces a React based Game Engine.

 

Moving from SCSS to styled-components: Advantages and caveats

Eslam Hefnawy shows how in detail.

 

Introduction to Ant Design

Kapeel Kokane gets us started.

 

What the heck is React Fast Refresh

Mario Fakiolas asks.

  
Discuss, Like & Follow for React news.

193

Last Updated:

Welcome to issue 193.

This week we use Fetch Data with React Hooks, look at React Error Boundaries, Donald Trump in React and more!

 

Spend your time indoor learning React

No better time than now.

 

Build your first React app fast!

Take your first step in learning react today.

 

Fetching Data in React using Hooks

Chidume Nnamdi on Making network requests, memoizing, and handling errors using React hooks.

 

React: Controlled VS Uncontrolled Components

Fernando Doglio on Understanding the difference between controlled and uncontrolled React components.

 

5 ways that will change how you write React hooks

Adam Klein shares some tips.

 

React Performance Optimization

Sagar lists them.

 

Understanding Error Boundaries in React

Chidume Nnamdi on Using the analog for try/catch in React components.

 

How to use React Ref

Robin Wieruch explains.

 

Donald Trump Press Conference in React!

Makes uses of create-react-app

 

Gatsby won against Next.js in this head-to-head

Sidney Alcantara made the same web app in Gatsby and Next.js.

 

Adios Redux: using React hooks and Context effectively

Ankit Jena on React State.

 

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

Ibrahima Ndaw epic GraphQL Fullstack guide.

  
Discuss, Like & Follow for React news.