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
Showing Class Central Sort
-
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