FSD Front-End Development: UI Development with ReactJS

Intermediate
  • 13 videos | 1h 21m 25s
  • Includes Assessment
  • Earns a Badge
Rating 4.4 of 86 users Rating 4.4 of 86 users (86)
React is a framework used to create dynamic web pages and is powered by Javascript. In this 13-video course, you will learn how to install and configure ReactJS, how components form the basis of a React application, and how to build and organize components. Key concepts covered in this course include how to install ReactJS and use create-react-app; add a simple component; configure a component for props and state; and convert a functional component to use classes. You will learn to pass data back and forth between apps and the main component; install a React router; and consolidate parts into a whole page. Next, see how to integrate existing HTML into ReactJS components; explore routing and linking of components; and add HTML to existing components; render data from an API call. Finally, learn to organize components for future scaling; link the various components; add and configure a new component; configure a form to post data; and how to access an external API in order to get and post data.

WHAT YOU WILL LEARN

  • Discover the key concepts covered in this course
    Install reactjs and use create-react-app
    Add a simple component
    Configure a component for props and state
    Convert a functional component to use classes
    Install a react router
    Consolidate parts into a whole page
  • Add html to existing components
    Render data from an api call
    Organize components for future scaling
    Link the various components
    Configure a form to post data
    Add and configure a new component

IN THIS COURSE

  • 2m 15s
  • 5m 43s
    During this video, you will learn how to install ReactJS and use the create-react-app command. FREE ACCESS
  • Locked
    3.  Building Components
    6m 45s
    In this video, you will learn how to add a simple component. FREE ACCESS
  • Locked
    4.  Establish Component State
    7m 25s
    In this video, you will learn how to configure a component for props and state. FREE ACCESS
  • Locked
    5.  Functional vs. Class-based Components
    7m 2s
    To convert a functional component to a class-based component, you will need to do the following: FREE ACCESS
  • Locked
    6.  Routing Capabilities
    4m 44s
    During this video, you will learn how to install a React router. FREE ACCESS
  • Locked
    7.  Multiple Page Parts
    6m 48s
    Consolidate parts of a page into a whole. FREE ACCESS
  • Locked
    8.  Enhance Component with Existing HTML
    9m 20s
    During this video, you will learn how to add HTML to existing web components. FREE ACCESS
  • Locked
    9.  API Calls
    7m 5s
    In this video, find out how to display data from an API call. FREE ACCESS
  • Locked
    10.  Organizing Components
    5m 21s
    In this video, learn how to organize components for future scalability. FREE ACCESS
  • Locked
    11.  Linking Components
    5m 54s
    In this video, learn how to connect the various components. FREE ACCESS
  • Locked
    12.  Form Submit
    8m 16s
    In this video, you will configure a form to submit data. FREE ACCESS
  • Locked
    13.  Exercise: Add and Configure a New Component
    4m 48s
    In this video, you will learn how to add and configure a new component. FREE ACCESS

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

Book React Quickly, Second Edition
Course Angular 11: Introduction to Components
Rating 4.6 of 265 users Rating 4.6 of 265 users (265)
Book Test-Driven Development with React and TypeScript: Building Maintainable React Applications, 2nd Edition

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course Enhance Reactive Applications with Advanced React
Rating 4.3 of 59 users Rating 4.3 of 59 users (59)
Course FSD Front-end Development: Features of HTML5 & CSS3
Rating 4.3 of 83 users Rating 4.3 of 83 users (83)
Course FSD Front-end Development: Server Tools
Rating 4.3 of 10 users Rating 4.3 of 10 users (10)