DEV Community

Cover image for react js for beginners
Muhammed Shamal PV
Muhammed Shamal PV

Posted on • Edited on

react js for beginners

Follow me on LinkedIn
Follow me on Github.com

Click & Read

Introduction

Introduce what React.js is, its popularity, and why beginners should learn it.

  1. What is React.js?
  • Definition: Explain React.js as a JavaScript library for building user
    interfaces, primarily for single-page applications.

  • Beautifull touch by facebook (now our meta);

  1. Why Learn React.js?
  • Popularity and Demand: Mention its widespread use in the industry.

  • Performance: Touch on its efficient rendering with the virtual DOM.

Friends 🍟 we can stope theory && startup with React JS

  1. Setting Up Your Environment

Make sure installed Node js in your system

npx create-react-app my-first-react-app
cd my-first-react-app
npm start
Enter fullscreen mode Exit fullscreen mode
  1. Start By our Favor Hello World;

You can start editing from App.js file (sub main of a main file which is Index.js);

// src/App.js
import React from 'react';

function App() {
  return (
    <div className="App">
      <h1>Hello, World!</h1>
    </div>
  );
}

export default App;
Enter fullscreen mode Exit fullscreen mode

Image description

Happy Coding;

Follow me on LinkedIn

Click & Read

Top comments (2)

Collapse
 
jgdevelops profile image
Julian Gaston

I highly recommend putting the code in a code block.

Their is a great article that goes over this here: dev.to/hoverbaum/how-to-add-code-highlighting-to-your-devto-posts-2lp6

Outside of that, great article. Informative!

Collapse
 
muhammedshamal profile image
Muhammed Shamal PV

Thanks guys, for your valuable words and time to read my words