Video Description
Ready to React? This course shows you how to build a React application, as a notepad project, from start to finish. We go through a setup of the tools you need; explain the basics of React (i.e., covering topics such as components, JSX, state, props, lifecycles, and state management); and get your project started by demonstrating how to code the required components. You'll learn how CSS and backends fit into a React app, and then work with modular CSS and firebase to finalize your app. Course requirements include a working knowledge of HTML, CSS, JavaScript, and ES6 syntax.
- Understand the basics of React: components, state, props, and lifecycle
- Learn how React works with CSS and backends
- Gain real life React experience you can apply to your own projects
Emmanuel Henri weaves web wonders at Québec City-based Manny Designs. A full-stack developer with 20 years of experience in programming, technology, and design, Manny's toolbox includes JIRA/Atlassian tools, agile methods, Meteor, React, Node, JavaScript, Swift, HTML, CSS, MongoDB, and MySQL. He holds a BS in Computer Science from Athabasca University.
Table of Contents
- Introduction to Building a React App from Scratch 00:00:47
- Tools and Editors in React 00:02:54
- Create React App with CLI 00:03:43
- React Project Structure and Components 00:04:27
- JSX Introduction for React 00:02:25
- Stateless Versus Stateful Components in React 00:04:13
- State and Props in React 00:05:08
- React Lifecycles 00:05:36
- Component Planning in React 00:04:00
- Code App Component in React 00:09:22
- React and the Code Grid Component 00:07:13
- React and the Code Single Component 00:05:55
- Introduction to Forms in React 00:02:06
- Code Note Entry Component in React 00:08:43
- SetState Introduction in React 00:09:02
- Where Does CSS Fit into a React Project? 00:06:28
- Update CSS Header & Form in React 00:11:23
- Update CSS Grid & Single in React 00:04:49
- Overview of DB Options in React 00:02:51
- Firebase Setup in React 00:06:31
- Read Notes from the DB in React 00:08:06
- Create New Notes in the DB with React 00:08:25
- Delete a Note from the DB in React 00:08:37
- Where Do You Go from Here with React? 00:03:00