ReactStudio

add

1/2Days

10am-5pm EST
Mac
$299
Max seats: 10
Get the tool
Enroll here

Overview

What if you could just focus on designing your web user experience? With React Studio, model your React JS web app using high-level components, concepts and precise vector designs. Use our high-fidelity Sketch importer, or design in place. Creating modern web apps is not easy — but it just got much less painful. React Studio gets your front-end up and running quicker than ever, with code quality that you can actually use.

This class introduces the student to the fundamentals of Native Studio with an emphasis on best practices and current standards. Students will learn how to use the latest features of Native Studio.

requirements

This class requires additional software. Please download and install the required tools on your system before taking the class. Sketch, React Sketch Plugins.

A fast internet connection. Knowledge of your operating system and basic computer navigation is required for all classes. We also recommend that you have the software installed on your system before starting the class. You can purchase the software or obtain a trial version of it from Here.

What you'll Learn

Project Based Hands-On Lesson. Students will recreate a project from scratch with guidance from instructor.

  1. React Studio Interface Basics
  2. Project Map
  3. App Settings
  4. Styles
  5. Adding Screens
  6. Creating Components
  7. Component Presets
  8. Drawing Shapes
  9. Images and Element Groups
  10. Aligning Elements
  11. Working with Text
  12. Using the Sketch Plugin
  13. Keylines
  14. Device-Specific Overrides
  15. Interactions and Triggers
  16. Navbars
  17. Data Sources and Plugins
  18. Data Sheet, List, and Component Properties
  19. Linking Data to Component Properties
  20. Saving Data to Data Sheet
  21. Multi-Page Screens
  22. Testing and Deploying
Disclaimer

This outline does not guarantee that all the topics listed will be covered in the time allowed. The amount of material covered is based on the skill level of the student audience. We may change or alter course topics to best suit the classroom situation.

If for some reason you are unable to attend a class after registering, please contact us as soon as possible to reschedule at a later date.

RelatedCourses

Sketch

Sketch gives you the power, flexibility and speed you always wanted in a lightweight and easy-to-use package. Finally you can focus on what you do best: Design.

AdobeXD

Go from idea to prototype faster with Experience Design CC (Beta), the first all-in-one cross-platform tool for designing and prototyping websites and mobile apps.

StayONTop

We occasionally send curated industry related news, tips & tricks, trends and everything in-between directly to your inbox. Stay On Top of the Game.