by Emmanuel Henri | Publisher: O'Reilly Media, Inc. | Release Date: September 2017 | ISBN: 9781491991817

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 lifecycleLearn how React works with CSS and backendsGain real life React experience you can apply to your own projectsEmmanuel 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.

1. Introduction to Building a React App from Scratch 00:00:47
2. Tools and Editors in React 00:02:54
3. Create React App with CLI 00:03:43
4. React Project Structure and Components 00:04:27
5. JSX Introduction for React 00:02:25
6. Stateless Versus Stateful Components in React 00:04:13
7. State and Props in React 00:05:08
8. React Lifecycles 00:05:36
9. Component Planning in React 00:04:00
10. Code App Component in React 00:09:22
11. React and the Code Grid Component 00:07:13
12. React and the Code Single Component 00:05:55
13. Introduction to Forms in React 00:02:06
14. Code Note Entry Component in React 00:08:43
15. SetState Introduction in React 00:09:02
16. Where Does CSS Fit into a React Project? 00:06:28
17. Update CSS Header & Form in React 00:11:23
18. Update CSS Grid & Single in React 00:04:49
19. Overview of DB Options in React 00:02:51
20. Firebase Setup in React 00:06:31
21. Read Notes from the DB in React 00:08:06
22. Create New Notes in the DB with React 00:08:25
23. Delete a Note from the DB in React 00:08:37
24. Where Do You Go from Here with React? 00:03:00



9781491991817.Building.a.React.App.from.Scratch.part1.OR.rar

9781491991817.Building.a.React.App.from.Scratch.part2.OR.rar