001 Welcome

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

002 What you should know before watching this course

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

003 Using the exercise files

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

004 What is React

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

05 Why is React so fast_

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

006 Setting up React tools with Chrome

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

007 React.js syntax

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

008 Introducing JSX

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

009 Preprocessing JSX with Babel

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

010 What is a React component

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

011 Creating a React component

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

012 Creating React components with ES6

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

013 Creating React components as stateless components

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

014 Using properties

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

015 Handling events

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

016 Using state

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

017 Adding state to the note component

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

018 Using refs

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

019 PropTypes

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

020 Adding child elements

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

021 Updating and removing notes

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

022 Adding new notes

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

023 Keys

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

024 The component lifecycle

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

025 Mounting components

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

026 Setting properties

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

027 Updating components

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

028 Adding lifecycle methods to the bulletin board

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

029 Using create-react-app

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

030 Launching the bulletin board app

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app

031 Next steps

A new JavaScript library has arrived: React. js. React. js is designed to make the process of building modular, reusable user interface components simple and intuitive. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. In this course, Eve Porcello helps you get started with React. js, guiding you through the interface design of a sample bulletin board app. She reviews components, properties, and component state, as well as the foundational parent/child relationships within React. js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React. js and companion tools like Babel, NPM, and more.

Topics include:

- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app