React is a JavaScript library for building user interfaces that has taken the web development world by storm. React is known for its blazing-fast performance and has spawned an ecosystem of thousands of related modules on NPM, including many tooling options.
If you want choice and customisability, or you want to tap into the energy of a community dedicated to constant experimentation, React might be the framework for you.
Created by Facebook, React is currently being used on websites including Netflix, Airbnb, Walmart, and many others. However, in a community that favours choice and flexibility, it can be hard to know where to start! That's why we created this comprehensive guide to learning React.
Learn JavaScript: The Complete Guide
We’ve built a complete guide to help you learn JavaScript, whether you’re just getting started as a web developer or you want to explore more advanced topics.
1. First Steps With React
Practical React Fundamentals
If you haven't tried React yet, now is the time. React is a front-end framework that allows you to build dynamic single-page applications quickly and easily. And it just so happens that it's taking the world by storm. Millions of developers all over the world are beginning to see the power and ease with which you can build front-end web apps. And they can't all be wrong.
In our course, Practical React Fundamentals, you'll learn to build a complete web app. You'll learn how to create a new app project, build out all the components, handle states and styles, and work with web and lifecycle events.
Build a React Website With a Bootstrap Template
In our course, Build a React Website With a Bootstrap Template, you'll learn how to take a pre-built HTML, CSS, and JavaScript web template and convert it to a single-page application powered by React. Follow along and you'll be able to do this for your own websites in no time flat.
Modern Web Apps With React and Redux
Our course, Modern Web Apps With React and Redux, is the perfect place to start with React. Envato Tuts+ instructor Andrew Burgess will get you started building modern web apps with React and Redux. Starting from nothing, you'll use these two libraries to build a complete web application.
Beginning with the simplest possible architecture and slowly building up the app, feature by feature, you'll learn about basic concepts like tooling, reducers, and routing. You'll also learn about some more advanced techniques like smart and dumb components, pure components, and asynchronous actions. Along the way, you'll get a chance to sharpen your ES6 (ECMAScript 2015) skills and learn the patterns and modules that work best with React and Redux!
Five Practical Examples to Learn React
There are lots of tutorials and articles out there to help you get started with React. But Five Practical Examples to Learn React is a little different, because in it you're going to learn React by writing components that you could incorporate into your own applications.
Along the way, you'll learn all the basics of coding React components. You'll learn about JSX, events, managing state, and passing props. You'll also learn about some other key concepts like higher-order components, lifecycle methods, and using third-party libraries.
Practical React Fundamentals
Build a React Website With a Bootstrap Template
Modern Web Apps With React and Redux
Five Practical Examples to Learn React
2. Going Further With React
Once you've built your first app with React, you'll want to build on your experience and learn more about the power behind the framework. We have several courses that you can watch to take your knowledge to the next level.
Code a Universal React App
Unit Testing React Components
React Deep Dive: Build a React App With Webpack
React State Management With MobX
How to Animate Your React App
Code a React App With the WordPress REST API
Next-Level React Apps With Hooks
Coffee Break Courses
We also have several Coffee Break Courses that will allow you to build on your React knowledge in just ten minutes.
Thinking in React: Functional Components
Thinking in React: JSX Deep Dive
Thinking in React: Component Lifecycle Methods
How It Works: React Router
3. React Native
When building mobile applications, you might not always want to go native if it means developing your app for multiple platforms. But a web-based mobile application will lack performance and features that users expect from native apps.
React Native, created by Facebook, tries to bridge this gap by letting you write your user interface in modern JavaScript and automatically transforming it into native views specific to your supported platforms.
In these courses, you'll learn how to get started writing mobile applications in React Native.
