REACT FOR DESIGNERS
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 portfolio with dynamic data and put it online!
Learn the same technologies that build Design+Code.
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
10:00 Basic styling with CSS
10:30 Interactions and Animations
11:00 Adaptive Layout / Grid CSS
12:00 Lunch (not included)
13:00 Components and Props
13:30 States and Events
15:00 Multiple Pages
16:00 Data with Contentful
16:30 Publishing with Netlify
1001 G Street NW Suite 1200 · Washington, DC
Accessible via Metro Center metro. If you take the 11 & G St exit it takes you right into the lobby.
Brew (go to https://brew.sh and install in Terminal)
NPM (type brew install node in Terminal)
Yarn (type brew install yarn in Terminal)
Install create-react-app (type npm install create-react-app in Terminal)
Visual Studio Code https://code.visualstudio.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.