Creating React Function Components 😲 #reactjs

This is the 4th Episode of our ReactJS course. In this video you will learn how to create ReactJS components, what is React component, and how you can create a functional component in ReactJS.

I will show you code examples of how easy it is to create simple ReactJS components and use them in your React project.

I have covered all about functional component in React. I will show you how you can use different styles to create your functional component, covering default syntax, then anonymous function syntax and finally arrow function syntax too.

Key Moments:
0:00-0:30 - Rewind
0:31-0:44 - Introduction
0:45-2:12 - Introduction to component
2:13-4:44 - Working without component
4:45-8:46 - Creating a component
8:47-10:14 - What are props?
10:15-13:08 - Using props in components
13:09-14:05 - Component without JSX
14:06-16:54 - Keeping Components in separate JS files
16:55 - Ending Note

Follow me on Instagram:

Keywords:
learn reactjs
reactjs tutorial
reactjs complete tutorial
reactjs tutorial 2023
reactjs complete tutorial 2023
reactjs beginner tutorial
react tutorial beginner
react tutorial 2023
learn react 2023
reactjs for web development
reactjs jobs
reactjs career
react components
reactjs components
what is react component
create react component

[Mohamed-ufjh]

A good explain . Thanks
to be folloewed :)

[atheist]

In the copmonent Student.js if i don't use
import React from 'react';

It breaks and give error
./src/Student.js
Line 4:5: 'React' must be in scope when using JSX react/react-in-jsx-scope
Line 5:9: 'React' must be in scope when using JSX react/react-in-jsx-scope
Line 6:9: 'React' must be in scope when using JSX react/react-in-jsx-scope
Line 7:9: 'React' must be in scope when using JSX react/react-in-jsx-scope
Line 7:12: 'React' must be in scope when using JSX react/react-in-jsx-scope
Line 11:5: 'React' must be in scope when using JSX react/react-in-jsx-scope

Search for the keywords to learn more about each error.

Can you explain me why these happens.