Hello brother! Today we are going to discuss what’s so special about Facebook’s react.js compared to other front-end frameworks. To get into this topic let’s focus mainly on react. The other frameworks have been around for a while so that’s kind of the new guy.
The main thing about React.js is the User Interface (UI) component
So let’s talk about it and what separates it from the other ones, now the main thing about react.js is that it’s the UI component of your application.
It’s the visuals, it’s the B and the MVC they also have something paired with the call flux which you handle the rest of that architecture you know.
You handle the data models and that kind of stuff with that. But let’s mainly for this conversation here focus on react now.
One of the cool things about react.js is it’s all based on components you build individual components, build out your views and your modal’s in your etc by those individual pieces.
So you will have a button that you use on multiple different spots and that button will be an individual component itself. It’ll be a single file building everything out and components aren’t? Further information read React vs Angular vs Vue here
React.Js more compartmentalized way of organizing your code
Necessarily anything new and great but one thing that does kind of separate reactjs out is that you have this more compartmentalized way of organizing your code.
With using JSX combine all that into one simple file which is great for small applications but you still have the power of taking the code out and leaving a modular for when applications are a figure.
And you need to share this individual kind of things. Now on top of everything being individualized and components they also have their own individual state. Where that ties in are with react.js you have something called a virtual Dom.
Essentially react does is it keeps its own copy of the Dom up and it runs the death between what you’re doing and what’s changing and what’s remaining the same.
So instead of having to re-render the entire page you’re just re-render the individual component that has a state change which makes it very powerful.
And a lot faster in terms of different visual elements happening. You know instead of having a rerun or whole page just update one little box. You’re just updating that one little box.
Second thing to use React.js is concept of learn
Another really great advantage to using react is this concept of learn once
write everywhere. So with typical frameworks whenever you want to move
into the world of mobile you still have to learn Swift objective-c or Java depending to maintain the various plugins I go into it.
And on top of that those frameworks are just building to a web view that’s housed within a native application so that means that you’re rendering somewhat hindered by the processing power of that web view and what it’s able to accomplish.
So if there’s ever a blocking operation in your code it’s not stopping the user interface from being able to be scrolled through and still have
For instance, the angular team did actually meet with the react team to talk about how they could implement native themselves.
- Serverless React On Lambda -Part 3(unexpected problems of this project)
- Serverless React On Lambda – Part 2(benefits of this project)
- How to build Serverless React On Lambda( – Part 1)?
- Top 10 Web Frameworks To Learn In 2019
- Why Facebook’s React is special (compared to other front-end frameworks?)