Prototyping Your UX Design in React

Give your UX design new life as a functional, interactive web page through the power of prototyping in React! This beginner-friendly course covers styling and crafting a simple application that can bring your ideas to life in new and exciting ways.
Course info
Level
Beginner
Updated
Aug 15, 2019
Duration
1h 46m
Table of contents
Description
Course info
Level
Beginner
Updated
Aug 15, 2019
Duration
1h 46m
Description

Validating designed interactions without working prototypes is difficult. Through the power of the React framework, you can quickly and easily make interactive versions of your designs. In this course, Prototyping Your UX Design in React, you will learn how to transition from a simple UX Design to a working prototype that you can provide users. Through the simple techniques presented here, you will be able to learn more about React. You will also gain experience utilizing the power of CSS to bring your designs to life on the web. In addition, you will discover the processes for loading JSON data for format and display and utilize libraries of pre-built React components to power your prototype. You can even gain a little hands-on experience with creating a custom component of your own! At the conclusion of this course, you will have a working prototype built in React that can be expanded and customized for the needs of your project, and the knowledge and experience required to do it all again for your next prototype!

About the author
About the author

Armed with a degree in computer science and design, along with a love of video games, Lisa Walkosz-Migliacio has the perfect combination to bring digital works of art to life.

More from the author
Creating a Character Inventory System in Unity
Intermediate
1h 20m
Jul 30, 2019
Unity 2018 UI Fundamentals
Beginner
1h 54m
Jan 14, 2019
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
[Autogenerated] Hello. My name is Lisa La Cosa Iglesia, a software engineer. And I want to show you all about prototyping your u ex design in react. You've probably had an idea that you knew what it did and what it looks like. But you have to see if your idea is any good incomes, your prototype, and that could be tested with other users and gain feedback in order to do a more complicated interaction, though you realize you need to make something that does more than just hit _______. Welcome to prototyping your U ex Design and react. We're all show you how to get your design ideas working in no time. This course will walk you through setting up a react application, working with showing results of a search on the screen, breaking down your design and how it would be implemented with react as a component, the ones you'll find already made and the ones that you could make. Two. By the end of this course, you'll be able to run your react prototype that looks just like your design and acts, just like returning results from search. Before beginning this course, you may need to know a little bit about HTML, JavaScript and CSS, but I'll give you all you need to know about starting up her react application. From there, you can start mopping your own ideas into working prototypes. Thanks for joining me. Increasing your job script skills. Let's start learning prototyping your U ex design in react.