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
Pivotal Labs [New Location]
2nd floor, The Warehouse, The Bower, 211 Old Street London EC1V 9NR · London
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,700 readers.
Today, he focuses on helping designers and developers master design and coding via design-focused video tutorials, articles, talks, and workshops.