Linton Ye – React 101 For Designers

Teacher

Linton Ye – React 101 For Designers

Linton Ye - React 101 For Designers

TABLE OF CONTENTS
Getting Started
Welcoming
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 in 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 with CSS
Styles for the Inline
CSS-In-JS
Styled-components
Making Components Interactive
Blue Roof, Red Roof – Props
Props and styling-components
React Developer Tool
JS Premier: ES6 Class
Components of State and Class
Open Sesame! – setState
How does setState work?
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 all together”
Create-React-app: Create an account React Start your project from scratch
Intro to Course Project