Core React Concepts

A couple of weeks ago React officially released this new API called Hooks and you, who's been looking at React curiously for the past few months or even got to code a few components, have been wondering if now it's the time to learn more about React.

As developers, we use a variety of tools and open source packages to make our jobs easier. Some of them are so widely used throughout the…

React Hooks, a feature which is available in React v16.7.0-alpha, is something awesome you should know about.

In the following article, I’m going to discuss 5 concepts that will bring your React skills and knowledge to the next level.

We will be building a simple React app which shows the real name of a superhero on a button click.

Often times, the inability to debug a certain error stems from not understanding some foundational concept.

Wondering how to perform a conditional render in React? The article is an exhaustive list of conditional renderings in React's JSX. How to use ternary operators, switch case and if else in React.js?

An overview and walkthrough of fundamental React concepts, such as components, state, and props, as well as submitting forms, pulling data from an API, and deploying a React app to production.

You’ve got a list of items. Now you just need to get them on the screen. What’s the “React way” to render a list?

In this post, we'll be looking at the rendering power React 16 introduced — namely, the ability to render children using Fragments and Array Components.

In this tutorial, we will be using React to build a live cryptocurrency ticker to display information about Bitcoins, Ethereum and Litecoins.

This tutorial will give you a basic understanding of React.js by building a very simple application. I’ll leave out everything which I don’t think is core.

The goal of this guide is to showcase how easy it can be to start modern React development. It shares a step-by-step process, from initial system setup through to deployment, without straying into tangent explanations that aren’t critical at this point in the learning process.

I like to think of React components as the Kolaches of the web. They have everything you need, wrapped in a delicious composable bundle.

This post is aimed towards the audience who is looking for a perfect mix of theory and hands-on.

React is a JavaScript library that aims to simplify the development of visual interfaces.

You might not like the answer because, unfortunately, it is a bit complicated.

We’re going to build a simple React music player, layering on new React concepts as we go.

React’s function and class components, props, state, and event handlers

This is a practical introduction to the fundamentals of React.js for those who are already familiar with JavaScript and know the basics of the DOM API.

Last evening while looking into a popular react library, I came across ‘refs’ and even knowing it how it works i wasn’t quite convinced with my understanding so decided to dive more deeper into it and finally sharing my thoughts with you people.

What about the ref attribute in React.js? This article gives you clarification around the ref attribute to access DOM nodes in React. It shows you how you can use it, when you should use it and where it can be used and where it shouldn't be used.

Maybe you’re in the same position I was in: you’ve been hearing about React left and right, but actually sitting down and learning it feels like such a chore.

For the record, asking someone these questions probably isn’t the best way to get a deep understanding of their experience with React.

Notes for the Complete Intro to React v4 course on Frontend Masters.

Over 66 hands-on recipes that cover UI development, animations, component architecture, routing, databases, testing, and debugging with React

Take your web applications to a whole new level with efficient, component-based UIs that deliver cutting-edge interactivity and performance

The only book on the market that helps you get your first React app up and running in just minutes, Learning React is chock-full of colorful illustrations to help you visualize difficult concepts and practical step-by-step examples to show you how to apply what you learn.

Learn fundamental and advanced concepts of React.js by building four simple browser games.

The up-to-date, in-depth, complete guide to React and friends.

React Quickly is for anyone who wants to learn React.js fast. This hands-on book teaches you the concepts you need with lots of examples, tutorials, and a large main project that gets built throughout the book.

React.js for the Visual Learner teaches an absolute beginner the absolute basics of React.js through design principles, visual-friendly examples, and super practical teaching methodologies.

Functional Web Development with React and Redux

A series of articles which teach you how to use React from the ground up.

Learn React in the terse cookbook style

Learn React.js in a fun and projected oriented way.

If you're serious about learning React, there's no better place to do it. Originally launched in 2016, this course has been taken by tens of thousands of developers and maintains an average rating of 4.8/5. Since then we've rebuilt it from the ground up to include all of the best practices and newest APIs for building professional React apps in 2019.

Become a Senior React Developer! Build a massive E-commerce app with Redux, Hooks, GraphQL, ContextAPI, Stripe, Firebase.

Learn to build real-world applications using modern React! Much more than an intro, you’ll start from the ground up, getting all the way to using the latest features in React, including hooks, effects, context, and portals.

Lean Modern React 16.8+ Including Hooks, Context API, Full Stack MERN & Redux By Building Real Life Projects.

This course is ideal for those looking to get a better understanding of React fundamentals. In just a matter of hours, you'll complete this workshop knowing what problems React can solve for you and how it goes about solving them. You'll work right alongside React expert Kent C. Dodds as he guides you through using JSX to code through real-world exercises and on to knowledge that will make you more productive at building apps with React.

I will guide you from zero knowledge of React to become a skilled React developer.

In this course, you'll learn to build a complete web app—a simple hangman clone. 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. All this, and maybe even have a little fun while doing it!

React is a great choice for dynamic, data-driven user experiences. Learn how to create browser-based apps and websites with the component-based React.js library.

A comprehensive introduction to React by the Director of Education at V School, an award-winning school of technology education. This course contains 48 interactive tutorials and is the perfect starting point for any aspiring React developer.

Go from beginner to React.js expert by building an Instagram-like web app with React 16, React Router, Redux, and Firebase!

Simplify your frontend development workflow and enhance user experience with React

Boost your JavaScript skills by building a real-world SPA with React

Learn to build real-world applications in React!

A practical introduction to React.js

Start building real ReactJS apps. Jump in with best practices, solid understanding and confidence.

In this course we'll be learning what React is and how to use it to make awesome, reactive SPA's. We'll also look at how we can use Redux to help with our app's state management.

Learn & Master React With The Context API + Redux & Build a Real World Project With Firebase/Firestore.

This course is designed to quickly catch you up on the "how" and the "why" of all the new stuff

This course will teach you how to confidently construct React applications that are simple and easy to maintain

Master the fundamentals of React v16.3.2 and Redux as you develop apps with React Router, Webpack, and ES6.

Are you ready to write structured single page applications with one of the most popular JavaScript libraries around? This course uses a hands-on approach to teach you React in under 90 minutes.

Learn how to incorporate React in real-world web designs: to manage real-time data, build forms and animation, and interact with external APIs.

We'll start off by looking at a high level overview of what makes React special including its composition model, unidirectional dataflow, explicit mutations, and that it's just JavaScript.

No pressure learning React at 2 minutes per day

Concise course for seasoned javascript developers, who are new to React or want to strengthen their React skills

Upgrade your JavaScript skills to learn React.js in just a couple of afternoons. A premium step-by-step training course to get you building real world React.js + Firebase apps and website components.

Build an app to help you find the best movie to watch

Get started building reusable user interface components with React, the JavaScript framework for UI developers.

Dive in and learn React from scratch! Learn Reactjs, Redux, React Routing, Animations, Next.js basics and way more!

Learn React from the beginning. Style components yourself!

React 16 comes with some powerful new features, in this course we'll be exploring each of them.

Learn React programming patterns by building an application for keeping track of RSVP's!

Learn how to build and launch React web applications using React v16, Redux, Webpack, React-Router v4, and more

Optimize your React components by utilizing the power of React lifecycle methods

Learn how to build 3 practical React components from scratch!

In this series, we will go over many of the important aspects of building an application in React. We will be building a small weather application, keeping everything organized in small components.

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.

In this course you will learn how to build production quality React applications. We will strive to keep things as simple as possible, with minimal dependencies.