- Masood Sadri, Product Designer
Four course modules teach you every aspect of React: the fundamentals, capabilities, limitations and how they relate to design.
What is React? What are props and state? When to use props and when to use state? How to style a component with CSS, JS and CSS-in-JS? How to create an interactive component? How to create animations?
React101 covers the basics of React and lays a solid foundation for the more advanced modules.
What is React Native? Why is it a big deal? What is a "native" app? How to layout and style components on iOS and Android? How to create native animations with Animated or Lottie? How to manage touch gestures?
RN101 teaches you the basics of React Native, and helps you understand how to build modern, native user interfaces on iOS and Android.
Where does React fit in the design process? How to use real data in prototypes? How to use React Sketch.app to create a design system? How to hand off assets that your developers love? How to hand off components, not just assets?
This module explores how React can be used to streamline your design workflow, and improves your collaboration with engineers.
What is Redux? What is React Router? What is Webpack? How are they related in a project? What are life cycle methods of React? How to build and run an existing project? How to find and style components in it?
This module teaches some more advanced concepts of React, and shows you how to work with a project in a real world setting.
What is React? Brilliant explanation for designers (make sure to switch "Domo's" hat 🤠) https://t.co/CF5Csuhi4L #react #design
— Domain7 (@domain7) June 12, 2017
What a fun way for us newbies to learn about #React! => "What is React? React terms in plain English and doodles" https://t.co/UZ9mtx3Z6K
— Tiffany Du (@dusign) June 15, 2017
Clean explanation and illustrations of what is React and it's côté concepts ~ https://t.co/PtCs0bYs7u
— Jérémy Buget (@jbuget) June 14, 2017
come for the adorable drawings, stay for the writing https://t.co/Cymf8TkVVw
— brent (@notbrent) June 26, 2017
Lovely simple guide to understand React by @lintonye https://t.co/O9QxXhtpXe
— Leonardo Galante (@leogln_) June 27, 2017
cute/easy way to learn "What is #React?" https://t.co/5BAY3Oe5qI
— Laura Silva (@oolalalauraa) June 8, 2017
The main goal of this course is to help you establish a firm understanding of the fundamentals, capabilities and limitations of React and how they relate to design. Armed with a holistic view of how design and engineering interacts, you will become a better designer whom everyone loves to work with.
After finishing the course, you should become aware of how the UI could be structured and constructed in reality when designing the next mockup in Sketch. You should be able to discuss with your developers, with more confidence, on how to design a great UI that’s easy to implement, performant and easy to maintain. You should also be able to style the UI of an existing React project yourself – no more waiting for developers!
- Lincoln Mitchell, Senior UX Architect
Super excited to create these courses to help you become a better designer!
I'm a full-stack developer who's learning design. I have 10+ years of experience in mobile, development/design tools and web development. I've been working on React Native since 2015, and building Android apps since 2007 before the first Android phone, HTC G1, was even available. I also contribute to React Navigation project, and write a blog about React.
I love teaching. I've authored a few courses at Treehouse and Lynda. My dark little secret: 😈 creating this course is also my special way to learn all things about design and React -- trying to explain things clearly has taken my understanding of the concepts to a whole new level.
Thrilled to be on this journey with you!
Why should a designer learn coding?
I encourage you to check out this post to hear other designers’ opinions.
Learning to code will help you become better at design. Armed with a better understanding of how things work, you will find the communication with developers much more efficient. Your design ideas would be more convincing and more respected. You can even design with code.
New skills you learn will open new doors. Trust me, it will be a new world of creativity!
What are the prerequisites of the course?
Check out this page.
Why should you pre-order?
In the spirit of transparency, I must share that I’ll use the number of pre-orders to gauge the potential of the idea. I’d really like to work on this full-time, but I need to be sure that my time is well spent – I want to create enough value that you are willing to pay for.
So, if you want a course to see the light of day, please pre-order. It’s risk free, and a great way to kickstart your journey of designing with React.
Thank you! I’d really appreciate your trust and support. I’ll do my best!
What if you are not satisfied?
© 2018 jimu Labs, Inc.