Some backend features used in web

Ariful Haque — Thu, 23 Dec 2021 17:37:15 +0000

CRUD Operation

In computer programming, crud is a very commonly used operation. The acronym, CRUD means create, read, update and delete. These basic four steps are used to operate on data in a storage. Those functions are executed in a relational database application.
It helps a user to read the data, edit that date, add the data and even he or she can delete it. Those functions can be modified by taking data from a service. It is mainly data-oriented operations.
Most of the applications, android or iphone app, crud operation is commonly used. Every programmer around the globe must need to use crud operation for their projects. A crud application is used to take and send data to the database. The procedures of crud operation are given.

CREATE procedures: It inserts data to the database table row..
READ procedures: It gets data from the database.
UPDATE procedures: It executes when the data is needed to change something in it.
DELETE procedures: This performs nothing but to delete any data from the database table.

The newest features of React Router 6

Ariful Haque — Wed, 22 Dec 2021 16:48:20 +0000

In this article, the topic will be discussed about the new cool features of react router 6.

React router is a very popular library in reactjs. We use this library in our daily web projects. As before, the react router 5 was used in web development, which was nice. But we, the developers, always try to find something new. So the community helps us to give comfort and ease.

Routes
In react router 5, Switch was used to navigate one link to another. But in version 6, it introduces Routes. I like the way routes behave.
In switch, we used to write our components in a tag and also have a problem of nesting those components. But routes came to solve this. There is no harassment of nesting tags and routing. Also we don’t need to use exact for not found pages.

<BrowserRouter>
    <Routes>
        <Route path="/" element={<Home />} />
        <Route path="customers/*" element={<Customers />} />
    </Routes>
</BrowserRouter>

useRouter
A route can be built with JavaScript objects using this.

useNavigate
It is a coolest feature in react router 6. previously , we used usehistory to navigate but now useNavigate give us an extra flavor of navigating. Also, we can use Navigate that redirect the user.

function Redirect() {
  return <Navigate to="/home" replace />;
}

function HomeButton() {
  let navigate = useNavigate();
  function handleClick() {
    navigate('/home')
  }
  return (
    <div>
      <button onClick={handleClick}>Go to home page</button>
    </div>
  );
}

DEV Community: Ariful Haque

Some backend features used in web

The newest features of React Router 6