React JS | Introduction

React JS | Introduction

Hello everyone! I am happy to have started an exciting journey of React.js with the guidance of Bikash Karki experts at Nepal Mega College. Let’s learn and grow together in this dynamic area of website development. Join me as I explore React.js


React is a very useful component when creating web applications. React.js is one of the most popular free and open-source JavaScript Library. It was developed by Facebook team on 2012 . It was first deployed on Facebook's news feed and later on Instagram.

Why React JS

React is a tool for building UI components.

React Gives the component based architecture:

  • component based architecture is a design and development approach that focuses on turning elements into separate reusable components.


Virtual DOM:

  • The virtual DOM in React.js is a lightweight copy of the real DOM that React uses to optimize updates.
  • When changes occur, React updates the virtual DOM first, compares it with the previous version to find differences, and then efficiently updates only the changed parts in the real DOM.
  • This process improves performance by minimizing direct DOM manipulations.


Support JSX

  • JSX allow developers to write HTML syntax within JavaScript, so code is more ridable.

html syntax like : 
    <div>
       <h1>Hello World</h1>
    </div>
        


It is declarative programming:

  • Declarative programming is a non-imperative style of programming in which programs describe their desired results without explicitly listing commands or steps that must be performed.


It support single page application:

  • Single Page Application is a web application that loads a single HTML page and dynamically updates the content as the user interacts with it. It allows users to use websites without loading whole new pages from the server, which increase the performance and more dynamic experience.


要查看或添加评论,请登录

Tara Singh Khadka的更多文章

  • React JS | WSL

    React JS | WSL

    What is WSL? WSL Stand for Windows Subsystem for Linus. WSL is a feature of windows that allow you to run a Linux…

  • React JS | Router

    React JS | Router

    React Router React Router handle the client and server-side routing in React applications that allow navigating without…

  • React JS- Fragmentation, Components, import/export Components

    React JS- Fragmentation, Components, import/export Components

    Fragment React Fragment is a feature in React that allows you to return multiple elements from a React component by…

  • React JS

    React JS

    Disadvantage of React JS SEO Problem: There are issues that Google and different search engines can't index or poorly…

社区洞察

其他会员也浏览了