React Workshop Part 1 - SF

LEARN REACT PART ONE
The first part of the React workshop focuses on getting you set up with React and its environment, which is one of the hardest things for designers. Learn how to build a simple, interactive product page/portfolio with dynamic data and put it online!

Learn the same workflow that builds the upcoming Design+Code 3.
https://designcode.io

Meng To's workshops aim to bridge the gap between design and code
Get hands-on experience with step-by-step instructions on how to make beautiful iOS apps and Websites. Gain solid foundations needed to design from scratch, prototype quickly and bring your app ideas to life with easy-to-understand code. No coding experience required.

9:00 Sign in
9:15 Intro to React and Gatsby
10:00 Basic styling with CSS
10:30 Interactions and Animations
11:00 Adaptive Layout / Grid CSS
11:15 SVG Animation
11:30 Exercise
12:00 Lunch (not included)
13:00 Components and Props
13:30 States and Events
14:30 Break
15:00 Static Data with GraphQL
16:00 Dynamic Data with Contentful
16:30 Publishing with Netlify
17:00 Ending

LOCATION
Figma Office
http://figma.com
116 New Montgomery St, San Francisco, CA 94105
Suite 400
For the building security staff, please provide your email and company name.

REQUIREMENTS
Brew (go to https://brew.sh and install in Terminal)
NPM (type brew install node in Terminal)
Gatsby (type npm install --global gatsby-cli in Terminal)
Visual Studio Code https://code.visualstudio.com
Contentful (https://contentful.com)
Netlify account https://www.netlify.com

** If you're new and have been blocked by some of these steps, please come at 8:30am and I'll help you debug.

MEET MENG TO
Meng To is the author of Design+Code. Meng started off his career as a self-taught designer from Montreal and eventually traveled around the world for 2 years as his US VISA was denied. During his travels, he wrote a book which now has 29,600 readers.

Today, he focuses on helping designers and developers master design and coding via design-focused video tutorials, articles, talks, and workshops.

PRICE
$200