Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Coursera

React Basics

Meta via Coursera

Overview

Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
React is a powerful JavaScript library that you can use to build user interfaces for web and mobile applications (apps). In this course, you will explore the fundamental concepts that underpin the React library and learn the basic skills required to build a simple, fast, and scalable app. By the end of this course, you will be able to: • Use reusable components to render views where data changes over time • Create more scalable and maintainable websites and apps • Use props to pass data between components • Create dynamic and interactive web pages and apps • Use forms to allow users to interact with the web page • Build an application in React You’ll gain experience with the following tools and software: • React.js • JSX • React • HTML, CSS and JavaScript • VSCode You will be able to leverage the potential of this course to develop new skills, improve productivity, act effectively with data and boost your career. This is a beginner course for learners who would like to prepare themselves for a career in mobile development. To succeed in this course, you do not need prior development experience, only basic internet navigation skills and an eagerness to get started with coding.

Syllabus

  • React Components
    • In this introductory module, you'll learn about what React is and where it is used. You'll also learn how to set up your coding environment so that you have as productive a learning experience as possible. So, the purpose of this module is to understand the what and the why, and to get set up for the modules that follow.
      Components are one of the foundations of React. In React, everything revolves around components. You'll learn how to build components, how to structure and customize your React projects, and how to compose layouts by importing components into other components.
      You'll learn about passing data from one component to another. You'll learn about JSX syntax in React and how to use it to structure and style your components.
  • Data and State
    • The second module of this course deals with working with events and errors in React. You'll learn how events work and how you can handle them in React. Handling events can sometimes get a bit tricky, so you'll also learn about dealing with errors related to events in React.
  • Navigation, Updating and Assets in React.js
    • In this module, you'll learn about routing and navigation in React. You'll learn how to render partial views and how to update routes in your React apps. You'll understand how assets are used, bundled and embedded.
  • Your first React app
    • This module is focused on a practical mini project of building a calculator app in React. Upon completing this module, you'll have coded your own mini project in React, as a starting point for building your React portfolio.

Taught by

James

Reviews

4.0 rating, based on 1 Class Central review

4.7 rating at Coursera based on 2580 ratings

Start your review of React Basics

  • Kai
    14
    1) A good general introduction to React
    2) Some concepts and assignment instructions could be explained/better explained before diving in
    Examples could be

    2a) "Why use 'const' instead of 'let' in React JSX?"
    Check out these posts to find out more
    >>https://www.reddit.com/r/reactjs/comments/y7ah2e/why_do_we_use_const_for_usestate_instead_of_let/
    >>https://stackoverflow.com/questions/40825010/const-or-let-in-react-component

    2b) Why were we going to use useRef in the last assignment?

    2c) Differences between useState and useRef

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.