React Native 101 For Designers

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

Get React Native 101 For Designers – Anonymous, Only Price $37

Tag: React Native 101 For Designers Review. React Native 101 For Designers download. React Native 101 For Designers discount.

Original Content