DEV Community

Mursal Furqan Kumbhar
Mursal Furqan Kumbhar

Posted on

Introduction to ReactJS

What is React?

React is a JavaScript library for building user-interfaces. It is the view layer of web applications. React was created by Jordan Ealke, a software engineer at Facebook and open sourced it to the world by Facebook & Instagram. Broadly speaking, to write React applications, we write React components that correspond to various interface elements.

System Configuration

To install create-reacte-app, follow the below steps.

  1. Install node.js with version 14+ from node.js office site. Check the node version installed in your machine by
node -v
Enter fullscreen mode Exit fullscreen mode
  1. Install create-react-app by running this command
npm install -g create-react-app
Enter fullscreen mode Exit fullscreen mode
  1. Once the installation is done, create a React app using
npx create-react-app my-app
Enter fullscreen mode Exit fullscreen mode

Here, my-app will be your application's name.

Forder Structure Description

  • node_modules: All the modules dependencies are created in this folder
  • public: Contains the public static assets of the application
  • public/index.html: First page loaded, when you run the application
  • src: All application related files are created in this folder
  • src/index.js: Entry point of the application ## Features of React
  • React is a small library
  • React covers only the rendering and event handling part.
  • Presentation code in JavaScript powered by JSX
  • Code size is smaller hence it is faster than Angular etc.
  • Flexible
  • Virtual DOM

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (0)

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more