What is React?

Keyboard Shortcuts

Learn what React.js is. React.js is a JavaScript library used to build user interfaces. With React, we create reusable components, and these components display data as it changes over time. React was open-sourced in 2013. React Native also exists to help you create native mobile apps using React. Companies including Uber, Netflix, and Twitter use React to build modern interfaces.

- [Instructor] React is a JavaScript librarythat is used to build user interfaces.We create reusable componentsand these components display dataas it changes over time.React was created at Facebook and Instagramand was released initially in March 2013.Since then, React has expandedbeyond the web with React Native,a tool that allows you to create nativemobile applications using React.Another reason to like Reactis that they have very useful documentation.

You can find it by navigating to the React home page,clicking on the Docs tab in the menu,and then you'll find everything from here.I'd encourage you to take a look at the React Docsas a supplement to this course.React is an increasingly popular librarywith over 50,000 stars on GitHuband use in production by huge companieslike Uber, Netflix, and Twitter.Throughout this course, my goal is to demonstratehow the approach of React is differentand why it might make your work as a developereasier, faster, and more fun.

Resume Transcript Auto-Scroll

Author

Updated

9/15/2017

Released

1/10/2017

Among all other JavaScript libraries, React.js stands out. It relies on reusable components, not templates, for UI development, allowing developers to render views where data changes over time. React applications are more scalable and more maintainable, making developers more efficient and users more satisfied. In this course, Eve Porcello introduces the history and basics of the React library and show how to use it to create two projects: a browser-based activity counter app and a simple website for displaying data drawn from an API. Along the way, learn how to set up your development environment, including helpful tools such as Babel and webpack; create new components; use props and state to pass data between components; use routes to map URLs to views; and organize projects with nested components and routes. By the end of the course, you'll understand the essentials of React.js and be able to start building your own browser-based projects.

Topics include:

Refactoring elements with JSX

Transpiling with Babel

Creating components

Adding component properties and methods

Displaying child components

Working with props and state

Setting up routes

Nesting routes

Creating forms

Understanding the component life cycle

Skill Level Intermediate

3h 12m

Duration

638,194

Views

Show MoreShow Less

Q: This course was updated on 09/19/2017. What changed?

A: The following topics were updated: setting up Chrome tools for React, inspecting React sites, Babel static transpiling with babel-cli, loading JSON with webpack, adding CSS to webpack build, and creating components with createClass(). In addition, a new video was added that covers migrating to webpack 3.