[Music]

Ready

Excited

Without blinking

Everyone was waiting

Of reactjs

Exciting

No,This is enough

excitement needed

ok, Exciting

Tutorial of ReactJs .... get out from here

Friends

My greetings to all coders

We heard alot about ReactJs,Together with Angular,VUE,MERN

when learning Node,React is an always hearing word is

This is a series about react...[Laughter]

Silence

It's been a while here Abhi,Dilshad,Manna tries to teach me the script

There are other two peoples also, I will introduce them to you within few minutes

let's start Reactjs tutorial without delay

we plan this series for next ten days

We are planning to do projects like Netflix and OLX.

The aim of our series is to generate quality ReactJS developers. Companies have a lot of vacancies in React jS development, we are going to fill those vacancies by creating a ReactJs developers circle.

There is chance to win cash prizes by completing all the 3 projects in this challenge and the assignment project.

Let's look at what are the pre-knowledge needed before learning React. The first thing is basic coding understanding

For that must watch 100k coding challange in our youtube channel

That 10 video series helps you to understand basic coding ,even though you don't know nothing about it.

After completing 100k challenge.

There is another challenge in our channel called Web designing challenge of 10 videos.

After completing that you will get an nderstanding about HTML,CSS,Javascript,JQuery and webdesiging

There you are creating a website by own.

Then watch 'web development for babies' video.

It explains about cloud,Backend,Mobile apps,Hybrid apps,Crossplatform,PWA etc

Must watch that single video(Web development for babies) to understand all these concepts

Watching above mentioned videos is enough; your degree certificates are not applicable for us.

you can come here directly after understanding and practicing all these concepts.You can set further things from here

This is the best field to find a job in IT field,and alot of vacancies are available

your friends and relatives may wish to enter into this field.Many of us going for psc coaching and banking coaching

Assumes coding is a difficult thing to handle.

You can share these videos to anyone in any field.

We wish to complete this video series at least by 10,000 peoples

Now we have a lot of subscribers. So at least 10,000 people must complete this tutorial. So you guys must share this video to achieve 10,000 views per video before reaching the tenth video in this series.

We are going to reach 100k subscribers. So please introduce this channel to everyone. This is a lifesaver channel.

Share these videos with more people hence we can touch 100k faster.

We are expecting more support from you.I already told we have two guests here.

You may seen their photos before in thumbnails now I am going to reveal who they are.

Before introducing them; One thing to reminds you, free one-hour technical support available in the telegram group daily to clear your doubts.

Feel free to ask doubts in that group,you can ask doubts in malayam.

Try to clear your doubts daily from that group.

Those who watch this video later and those who need more support can take exclusive membership,where you will get 24x7 support.

you will be get added to an exclusive group, where you can send screenshots, videos and ask doubts in Malayalam ,our team will support you there.

For building a connection with us through WhatsApp. Send your name and place to this number shown below. Then you will get notifications of new videos on Whatsapp. Don't forget to save its number on your phone.

Now let's begin the tutorial, hope you all have an idea about what is Reactjs.

You already know ReactJs using in the frontend . If you are new to this channel must-watch 'web development for babies video'.we don't want to repeat the stories again.

You know the basic language to do Reactjs is javascript.

For an authentic explanation about reactjs let's invite one Mr.sidheek.

Mr.Sidheek what is this variety T-shirt?

We are sitting here for doing react tutorial right?

That's awesome.There is another person too.

When am ask them to plan a Reactjs tutorial.Instead of preparing tutorials they only buy two T-shirts

Do you remember this face elsewhere?

Tell them the truth.

There is a series on Netflix called money heist, in that series a professor is there. Like that this is also a special person.

There is another special person also who will come soon.

There is another special person also who will come soon

Sidheek. why you select ReactJs instead of android or vue? There are two options available while learning ReactJs.By learning React Js you can enter into Mobile development easily.

After learning ReactJS you can easily learn React native.

You worked in IoT development before coming into SPS So you already know embedded

I want to tell you something, beginners should not start to develop mobile app and website together

You have to focused on one thing first.If you are focused on front end then you have to complete at least two projects in React,then try to enter in to a company.

If you are focusing on backend learn Nodejs and can add React optionally.But don't try to learn mobile development at the same time.

If you are not focusing on one thing it may leads to a paralysis mode.You cant reach anywhere

I want to claim that i started learned javascript for three years,and learn ReactJs for one year .Now am stable to handle ReactJs.So i switched to other domains.

So you have to think on that way.We have already say this in our channel.You have to set one domain before entering into other domains.

We know ReactJs is a front end language,But many of us suspect while learning ReactJS is there any need for backend?.Which one you used as backend?

Am actually focused on MERN stack.That is MongoDB,Express,ReactJs,NodeJS.

One thing to understand is if you learn javascript you can become MERN stack because it is the common language used in front end and backend.

Thats why i choose this language to learn, we can switch into other languages according to our need.

You have to skilled in one language first .After working with that language at least two to three years you can integrate other languages such as python,c, etc

You used node as backend.In this tutorial we don't teach backend.We mentioned only to complete 100k challenge,Web designing challenge and Web development for babies.So what to do people who don't know web development?

For backened we can use Firebase.We can set backend by in clicking UI without learning language.

It will be teached by next problem person.Don't he?

Heard that he is excellent in that. He already started the warm up.

Exactly what is Reactjs?A library or framework?.Many of are suspected about that...Exactly React is a library.

Many of are doubted about what is library and what is framework.

Main difference between them is in their controlling.

We are calling library into our code.But in framework we are writing code inside it.

We have a set of code...[music]..Do you understand anything?...where is the key now? place there itself.

I will make it clear to you.If we have a tool like android studio. Or we have already used languages like C,Java.While using these languages if we want to integrate prtinter.We will call a library for that.

Adding small part into our code externly known as library.But if you set whole the environment to work with is known as framework.

Is that correct? yes, the main advantage is that.

In the case of React, there is only interfacing occurs there. For Routing, we have to use different libraries.Routing means going from one page to another.

So we can familiarise ourselves with more libraries.

That means there is only a small thing with us. Can add multiple types of libraries with that for more functionalities.

It is very easy to expand and familiarise with more libraries while using React.

While looking at React I saw a JSX.what is that? That is actually javascript XML(full form). We can write javascript inside HTML.

It is a method. We have already learned handlebars in web development. We used HTML tags to write handlebars. Can we write loops in JSX as in handlebars?

Another important thing to note is there is a state for each component. It is an object to take clicks and events.

We will deep into it while learning.which one is using here. functional or class components?

We can use both. But companies are preferring class components.

In 2019 class components are more popular. But now people using functional components.

In the beginning, there are only class components in ReactJS.Later they changed to functional components

After introducing functional components, major updates were done with functional components.

Main concept in functional components is known as hooks. We will explain it later.

These are the basic concepts. Now let's introduce the next person, who also wears this type of T-shirt.

They excluded me while buying these T-shirts.

React is created by Facebook.

I forgot to ask about it . Tell me now.

It is created by facebook's senior developer Jordan Walke. Now it is open source.

Like in his school days, he learned the name also. We must know that.

Hundreds of developers are there to contribute. Hence updations will come daily.

Shall we start now, sir?

There is a standard to keep in crossroads. Where are you going by wearing this cap?

Are you come here to teach React or a fashion show?

Why are you wearing a cap? I have a bald head now. Let me see that . Not now. Will show it in the last episode.

What are you doing now? Am working in a company. Say the things before that.

Before that, I was in SPS. In the past, he was cleaning plates in the taj hotel. From there he learned 100k coding challenge.

After learning c and loops, he comes to SPS. Did a six months workout there. Now entered for a job in a company for six lakhs per annum salary.

You feel so happy right?

yes, am really happy. what about you?

Share your experience with us.

What is your opinion, can a person can achieve coding skill with six months?of course you can perform in high level

Which is your degree?Bsc hotel management.

After plus two he take degree in Bsc hotel management.Good luck with corona,else he may entered into job in Mumbai for dish washing.

Not as dish washer, i got job as manager..oh really

I can show my offer letter,How much is the salary?25k

Only 25k after working day and night.

what's now?Are you happy ? yes

Why they selected you for a job in hotel? you are kidding me right?

what is the crieteria to get a job in hotel? How they selected you? is there is no standards for a star hotel?Are you done? Can I go now?

Now let's talk about React

This is Sree Ganesh; you get an idea about him already.

Do you know Ziyaf? he is working in SPS. He connected Sree Ganesh to here. Both of them are alike. having a lot of challenges.

Everyone in crossroads is also like that. Even Dilshad, Manna, Abhi, or Ziyaf are special kind of persons

The owner has no problems. Perfect ok!!

Tell something about React.Tell something about React. what should say

Say something new. Do you know anything?

Companies using React are NETFLIX, Airbnb We are going to do Netflix here.

React works in a different way rather than traditional websites. Reactjs works like Mobile apps.You can see changes in the URL but can't see loading

We only take data from the server.

In the first load, ReactJS take full Skelton of the website.

Required data are taken in JSON format by using API requests.

We can make our sites very attractive and responsive by using React.

We can use any backend like android or flutter for React frontend.

Because it follows the same concept of giving JSON and taking JSON. (JAVASCRIPT OBJECT NOTATION)

JSON is the special format to send data between browser and server. You can use XML instead of JSON. It is a lite weight and modern method used by developers.