Learnitweb

Category: React tutorial

  • Add and display images in React application

    —

    by

    Editorial Team
    in

    1. Introduction In a React application we often have to use images. In this tutorial, we’ll see how to add and display images in React application. 2. Adding images from file location Suppose the images are stored in the src > images folder. An image can be imported in the component and used in the…

  • Components and props

    —

    by

    Editorial Team
    in

    1. Introduction In this tutorial, we’ll discuss two of the main building block of an application – components and props. Component is an independent, reusable piece of which the UI is made. Components make it possible to break down the UI of your application into smaller reusable components. A component can be written as a…

  • Install Bootstrap in React project

    —

    by

    Editorial Team
    in

    1. Introduction Bootstrap is one of the most popular frontend toolkit for developing responsive, mobile-first front-end projects. In this tutorial, we’ll discuss two ways to install Bootstrap in a React project. Using CDN Install Bootstrap in your Node.js powered apps with the npm package. 2. Using CDN In this way of installing Bootstrap, you just…

  • What is JSX

    —

    by

    Editorial Team
    in

    1. Introduction In this tutorial, we’ll discuss one of the most important building block of React, the JSX. While working with React, you may come across like the following: This neither looks like a string nor HTML. JSX (JavaScript Syntax Extension) is a React extension to the JavaScript language syntax. 2. Why JSX? React components…

  • Create React App project folder structure

    —

    by

    Editorial Team
    in

    1. Introduction In this tutorial, we’ll discuss the folder structure of a React project created by Create React App. We’ll discuss what is the purpose of different files automatically generated by Create React App. 2. Project folder structure The following image shows the typical project generated by Create React App: Following is the brief description…

  • Create a new single-page React application

    —

    by

    Editorial Team
    in

    1. Introduction In this tutorial, we’ll create a React application from scratch. 2. Create React App Create React App is the best way to start building a new single-page application in React. Create React App sets up your development environment and optimizes your application for production. It sets up your development environment so you can…

  • React – an introduction

    —

    by

    Editorial Team
    in

    1. Introduction React is a JavaScript library for building user interfaces. React is free and open-source. It is maintained by Meta (formerly Facebook) and a community of individual developers and companies. React can be used to develop single-page, mobile or server-rendered applications. React is not a framework and does not provide all the capabilities. React…