React Native 101 For Designers – Aida Paul

Salepage link: At HERE. Archive: http://archive.is/wip/k8ISI

React 101 For Designers

Learn React from the beginning. Style components yourself!

FULL CURRICULUM

1. Getting Started ?
   • 1.1 Welcome
   • 1.2 What is React?
   • 1.3 Components, Props and State
   • 1.4 React Components And Sketch Symbols
   • 1.5 Coding Exercises
2. Creating Your First Component ?
   • 2.1 The House Component
   • 2.2 JS Premier: ES6 Constants
   • 2.3 JS Premier: Arrow Functions
   • 2.4 JSX
   • 2.5 Magic
   • 2.6 JS Premier: Expressions
   • 2.7 Placeholders in JSX
   • 2.8 Rendering A List
   • 2.9 Conditional Rendering
   • 2.10 Fragments
3. Styling Components ?
   • 3.1 JS Premier: Import / Export
   • 3.2 JS Premier: Import Project Resources
   • 3.3 Style Components with CSS
   • 3.4 Inline Styles
   • 3.5 CSS-in-JS
   • 3.6 styled-components
4. Making Components Interactive ?
   • 4.1 Blue Roof, Red Roof – Props
   • 4.2 Props and styled-components
   • 4.3 React Developer Tool
   • 4.4 JS Premier: ES6 Class
   • 4.5 State and Class Components
   • 4.6 Open Sesame! – setState
   • 4.7 setState – How does it work?
   • 4.8 Sleepy cat – Props and State Re-explained
   • 4.9 Sleepy cat 2
   • 4.10 React Hooks – useState
5. Animations ?
   • 5.1 Ninja cat – CSS transitions
   • 5.2 Ninja cat – react-motion
   • 5.3 Many Ninja cats – CSSTransitionGroup
6. Putting All Together: Course Project ?
   • 6.1 create-react-app: Create a React project from scratch
   • 6.2 Intro to Course Project