What You’ll Discover in Linton Ye React 101 For Designers
Styled Props-components
React Developer Tool
JS Premier: ES6 Class
Components of State and Class
Linton Ye – React 101 For Designers
TABLE OF CONTENTS
Getting Started
You are most welcome
What is it? React?
State, components and props
React Sketch Symbols and Components
Coding Exercises
Creating Your First Component
The House Component
JS Premier: ES6 Constants
JS Premier: Arrow Functions
JSX
Magic
JS Premier: Expressions
Placeholders at JSX
Rendering A List
Conditional rendering
Fragments
Styling Components
Download immediately Linton Ye – React 101 For Designers
JS Premier: Import / Export
JS Premier: Import Project Resources
Style Components using CSS
Styles for the Inline
CSS-In-JS
styled-components
Making Components Interactive
Blue Roof, Red Roof Props
Styled Props-components
React Developer Tool
JS Premier: ES6 Class
Class and State Components
Open Sesame! – setState
SetState – What does it do?
Sleepy cat – Props and State Re-Detailed explanation
Sleepy cat 2
React Hooks – UseState
Animations
Ninja cat – CSS transitions
Ninja cat – react-Motion
Many Ninja cats CSSTransitionGroup
Course Project: Putting it all together
Create-React-App: Create an account React Start your project from scratch
Intro to Course Project
Download immediately Linton Ye – React 101 For Designers
IMPORTANT: This is it. “Linton Ye – React 101 For Designers” It is totally Downloadable You will have access to it immediately. In the event of a broken or lost link, we will quickly renew your link. We appreciate your patience.