React for Beginners
As front-end frameworks go, it doesn't get much hotter than React - used by Facebook, Instagram, Twitter, and a bunch of other popular sites. Learn how to use it by following these tutorials, watching some sweet videos, or by reading a cool best-selling book about it.
The Basics
-
How Much HTML/CSS/JS Do You Need to Know Prior to Learning React?
React isn't the easiest cup of tea to sip and swallow. This article dives into what skills you will need to make it more appetizing.
-
Introducing React
Learn about all the crazy ways that React makes building your web app user interfaces (UI) more awesome.
-
Building Your First React App
Get a crazy-simple introduction to React by building a simple app and learning about all that goes on.
-
Components in React
Learn how to use components to make your React UI more modular...and awesome!
-
Styling in React
Learn how to style content in React using both old-school CSS and React's inline approach.
-
Creating Complex Components
Easily build complex UIs by learning how to identify and build components that rely on other components.
-
Transferring Properties
Learn how to use the spread operator to make transferring properties across many layers of components a breeze!
-
Meet JSX...Again!
There is more to JSX than meets the eye. Let's take a deeper look at it here.
-
Dealing With State
Learn how to work with the state object to create stateful components that change and evolve.
-
Going from Data to UI
Take advantage of JSX's flexibilty and turn your boring data into sweet UI elements.
-
The React Component Lifecycle
Learn about the lifecycle methods to get a better understanding of everything your component does...or doesn't do!
-
Accessing DOM Elements
Learn how to work with refs and portals to break free from your JSX cage and access your HTML elements directly.
-
Events in React
Turn your boring React app into something fun and interactive by learning all about how to work with events!
-
Stateless Functional Components
Learn how to use a greatly simplified function-based syntax for defining your presentational components.
-
Setting Up Your React Dev Environment Easily
Build your app using Create React and make manually configuring Node, Babel, and webpack a thing of the past.
Going Further
-
Building a Simple Todo List App
Put all of your React skills to the test by learning how to build the classic Todo List app!
-
Working with External Data
Learn how to make your React app use an HTTP request to send and receive data!
-
Creating a Single-Page App Using React Router
Kick your React skills up a few notches by learning how to use React Router to create a sweet single-page app.
-
Creating a Smooth Sliding Menu
Create a totally awesome menu in React that smoothly animates in and out.
-
Avoiding Unnecessary Renders
Optimize the performance of your app by learning how to reduce the number of unnecessary render method calls!
-
Introduction to Redux
Learn how you can use Redux to make managing your application state a breeze!
-
Using Redux with React
Learn how to use Redux for efficiently handling the data in your React app.
-
Updating to Newer React Versions
Learn how to easily update the version of React used by your app.
