DEV Community

Cover image for React - Part(1)
NIKHIL GAUTAM
NIKHIL GAUTAM

Posted on

1

React - Part(1)

What is React?

  • Open Source library for building user Interfaces
  • Not a framework
  • Focus on UI
  • Rich ecosystem

Why learn React?

  • Created and maintained by Facebook
  • More than 100k stars on Github
  • Huge Community
  • In demand skillset

Component Based Architecture

  • This lets you break down your Application into small encapsulated parts which can then be composed to make more complex UI's. React Architecture

Reusable Code

  • you could have a component for an article on React the same article can be reused for angular & vue by passing the right data into the article component.

reusability

React is declarative

  • Tell React what you want and React with it's react dom library will build the actual UI this is a declarative paradigm.

There are two types of paradigm

  1. Imperative
  2. Declarative

Let's understand it with a real life example.
Let say you go to an artist you ask them to draw a landscape you don't tell them how to draw it it's up to them this is declarative. (you tell what has to be done and artist will get it done for you)
now the same task you ask of a 5 yrs old child but this time you've to explicitly explain each step draw mountain,river,trees etc.. and best part is that you are in control of flow of landscape that is declarative paradigm.

  • React will handle efficiently updating and rendering of the components.
  • DOM updates are handles gracefully in React.

More on Why React?

  • Seamless integrate react into any of your applications.
  • Portion of your page or a complete page or even a entire application itself.
  • React native for mobile applications.

Prequisites

  • HTML ,CSS and JavaScript fundamentals
  • ES6
  • JavaScript - 'this' Keyword,filter,map and reduce
  • ES6 - let & const ,arrow functions,template literals,default parameters,object literals,rest and spread operators and destructuring assignments.
  • Node
  • NPM

Let's get Started

  1. Install node on your machine.
  2. Install IDE (Vs code)

Image of Timescale

Timescale – the developer's data platform for modern apps, built on PostgreSQL

Timescale Cloud is PostgreSQL optimized for speed, scale, and performance. Over 3 million IoT, AI, crypto, and dev tool apps are powered by Timescale. Try it free today! No credit card required.

Try free

Top comments (0)

AWS Security LIVE!

Tune in for AWS Security LIVE!

Join AWS Security LIVE! for expert insights and actionable tips to protect your organization and keep security teams prepared.

Learn More

👋 Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay