React Learning Resources

In the time of information overload and rapid technology advancement it is really hard to follow and try out all the interesting projects, articles and samples. I have compiled a list of resources for React Java Script framework that I am interested to try and review and share. I will split resources by topics.

Sample projects

How to Build First React Website

"Build your first React website using Create React App."

Building a React Universal Blog App: A Step-by-Step Guide
"...In this step-by-step tutorial, I’ll show you how to build a React Universal Blog App that will first render markup on the server side to make our content available to search engines. Then, it will let the browser take over in a single page application that is both fast and responsive..."

Build a movie search app using React Hooks
"Build a movie search app using React Hooks React hooks is finally . And I know there has been a whole lot of excitement around the possibilities that this new set of APIs present"

Build a Tic Tac Toe App with TypeScript, React and Mocha
"Learn how to compose a tic-tac-toe app with React and TypeScript components."

How to create a simple blog with Node & React
"In this article you will learn how to create a personal blog using React & Node. You will also learn how to config your own Webpack, Redux, React-Router and start your node server from scratch. This tutorial does **not contain authentication process"

How to Build a Productivity Application in React: Part 1
"Building a functional to-do list"

Authentication with React

Secure Your React and Redux App with JWT Authentication
"Learn how to add JWT authentication to your React and Redux app. Use Redux middleware to make secure calls to an API. ... Since we are using JWTs, we just need to remove the token // from localStorage"

React Best Practices and Tips

React Best Practices: Maintaining Large Scale Projects
“The real cost of software is maintenance over time because change is inevitable”

React Redux Tutorial – Efficient Management of States in React
"React is one of the most popular JavaScript libraries which is used for front-end development. It has made our application development easier and faster by providing the component based approach..."

High Performance React Progressive Web Apps
"Creating a fast web application involves many cycles of measuring where time is wasted, understanding why it’s happening, and applying potential solutions."

React Courses

React resources on YouTube 

• Learn React.js - Full Course for Beginners - Tutorial 2019
• React Tutorial: Build an e-commerce site from scratch using React and Netlify
• React Native Web Full App Tutorial - Build a Workout App for iOS, Android, and Web
• Complete React Course 2019 | Yihua AMA | Zero to Mastery
• Chain React 2019- Adhithi Ravichandran- Building React Native Apps 10 Things I've Learned On The Way
• React Tetris
• React Native Tutorial
• Intermediate React Tutorial - Todoist Clone (with Firebase, Custom Hooks, SCSS, React Testing)
• In-Depth React Tutorial: Build a Hotel Reservation Site (with Contentful and Netlify)
• Full Stack React & Firebase Tutorial - Build a social media app

Native Mobile Apps

Creating an Audio Player in React Native
"In this tutorial, you are going to build a functioning interface for an audio player in React Native"

How to use Ionic and React to build a Mobile App
"In this post, we’ll show you how to get started using Ionic with React by building a simple demo app from scratch."

Top 5 Open-Source Apps in React Native You Must Know
"In this article, we are taking a look at a few open-source React Native projects, which we recommend you to check out when starting your next mobile app."

Mimic WhatsApp stories using React Native and Firestore
"Stories are now a trending feature of most social media applications, including WhatsApp, Snapchat, Instagram, and others. This feature gives us another avenue to share media in the form of images, videos, and text to your contacts or friends, and let you know who viewed your story."

Testing React Apps

How to Test a simple React component
"In the first part of this series, we will learn how to test components with local state by testing the changes reflected in our UI."

Books