10 Best Resources to learn React
React is an extremely popular javascript framework. It is possible to find free resources to learn React. The best sites are listed below.
Scrimba
Learn the basics of modern React by solving 140+ interactive coding challenges and building eight fun projects.
30+ free courses
interactive hands-on content
Reactjs.org
An introduction to the 80% of React concepts that you will use on a daily basis. You'll learn :
How to create and nest components
How to add markup and styles
How to display data
How to render conditions and lists
How to respond to events and update the screen
How to share data between components
Codecademy - React101
A 20 hours course. You'll learn :
JSX : Learn to use JSX, the basic syntax of React.js
React Components : Learn to make React Components, the building blocks of all React.js applications.
Components Interacting : Learn how to make React components interact with one another.
Lifecycle Methods : Hook actions to specific moments in a component’s life
Hooks : Learn how to use Hooks in React, a powerful feature of function components.
Stateless Components From Stateful Components : Learn React programming patterns for mixing components with and without state.
Advanced React : Learn the most essential remaining React fundamentals.
FullStackOpen
This course serves as an introduction to modern web application development with JavaScript. The main focus is on building single page applications with ReactJS that use REST APIs built with Node.js. The course also contains a section on GraphQL, a modern alternative to REST APIs.
Introduction to React
Testing React apps
React router, custom hooks, styling app with CSS and webpack
Udemy (free course)
Learn React JS along with Modern JavaScript from absolute scratch. This course is a getting started guide for beginners.
Learn Modern JavaScript
Learn React JS
Learn React Hooks
Learn to work with external API
Learn to make AJAX requests Build a News App
The Odin project
You will learn the basics of the most popular frontend framework, React JS.
React Introduction
State and Props
Handle Inputs and Render Lists
Project: CV Application
Lifecycle Methods
Hooks
Project: Memory Card
Router
React Testing
Project: Shopping Cart
Advanced Concepts
FreeCodeCamp
A full front end course including a React section with 47 exercises. you'll learn how to create different React components, manage data in the form of state props, use different lifecycle methods like componentDidMount, and much more.
Coursera
This course explores Javascript based front-end application development, and in particular the React library (Currently Ver. 16.3). This course will use JavaScript ES6 for developing React application. You will also get an introduction to the use of Reactstrap for Bootstrap 4-based responsive UI design.At the end of this course you will:
Be familiar with client-side Javascript application development and the React library
Be able to implement single page applications in Reac
Be able to use various React features including components and forms
Be able to implement a functional front-end web application using React
Be able to use Reactstrap for designing responsive React applications
Be able to use Redux to design the architecture for a React-Redux application
Plural Sight
Learn how to use React, Redux, React Router, and modern JavaScript to build an app with React. Use Webpack, Babel, Jest, React Testing Library, Enzyme, and more to build a custom React development environment and build process from the ground up.
Learn how to use React Redux, React Router, and modern JavaScript to build powerful and fast React applications from the ground up.
Use Webpack, Babel, ESLint, npm scripts, Jest, React Testing Library, Enzyme, and more.
Create a rapid feedback development environment that runs linting and tests, transpiles modern JavaScript, runs a local webserver, opens the application, and reloads changes when you hit save.
Deploy with a single command.
Coding for Entrepreneurs
Learn how to use React, Redux, React Router, and modern JavaScript to build an app with React. Use Webpack, Babel, Jest, React Testing Library, Enzyme, and more to build a custom React development environment and build process from the ground up.
Getting Started
Setup React
Display Json Data
Using Props
Handling Click Events
Callbacks using Props
... (30 videos)
