1
2
3
4
5
6
and
And
cat
7
• Archive: http://archive.is/wip/k8ISI React 101 For DesignersLearn React from the beginning.
• Style components yourself!FULL CURRICULUMGetting Started ?1.1 Welcome1.2 What is React?1.3 Components, Props and State1.4 React Components And Sketch Symbols1.5 Coding ExercisesCreating Your First Component ?2.1 The House Component2.2 JS Premier: ES6 Constants2.3 JS Premier: Arrow Functions2.4 JSX2.5 Magic2.6 JS Premier: Expressions2.7 Placeholders in JSX2.8 Rendering A List2.9 Conditional Rendering2.10 FragmentsStyling Components ?3.1 JS Premier: Import / Export3.2 JS Premier: Import Project Resources3.3 Style Components with CSS3.4 Inline Styles3.5 CSS-in-JS3.6 styled-componentsMaking Components Interactive ?4.1 Blue Roof, Red Roof - Props4.2 Props and styled-components4.3 React Developer Tool4.4 JS Premier: ES6 Class4.5 State and Class Components4.6 Open Sesame!
• - setState4.7 setState - How does it work?4.8 Sleepy cat - Props and State Re-explained4.9 Sleepy cat 24.10 React Hooks - useStateAnimations ?5.1 Ninja cat - CSS transitions5.2 Ninja cat - react-motion5.3 Many Ninja cats - CSSTransitionGroupPutting All Together: Course Project ?6.1 create-react-app: Create a React project from scratch6.2 Intro to Course Project