CRUD

Barshon — Thu, 23 Dec 2021 15:45:30 +0000

CRUD, the word is denoting four core operations when it comes to data management in databases. The C stands for create, the R stands for read, the U stands for update and the D stands for delete. So, CRUD operations are fundamental operations of database data management involving create,read,update and delete.

For instance, if we talk about MongoDB, like any other database, the MongoDB also requires and supports all the crud operations. I'll explain briefly on every crud operations in the MongoDB.

First, the create operation. The create operation (also called the insert operation) is the operation in MongoDB where we create a document and add it to a certain collection in the database. This is the first and foremost operation in the crud.

db.collection.insertOne() 
db.collection.insertMany()

Then comes the read operation. The read operation in a database is based on the idea that when an user query is launched, certain data should be able to be accessed (read) and show accordingly. For this purpose, the read operation is needed in the database.

db.collection.find()

In the third scenario, comes the update operation. Often it needs to update the data according to new circumstance and situations. For this case, databases need to support the update operation. MongoDB also supports the update operation.

db.collection.updateOne() 
db.collection.updateMany() 
db.collection.replaceOne()

Last comes the final of the four operations, the delete operation. It just so happens that delete is a very core operation when it comes to database because often it might be needed to delete the existing data in the database.

db.collection.deleteOne() 
db.collection.deleteMany()

So, that covers up all the crud operations in a database. This is based on MongoDB but crud is supported by every databases out there.

React JSX

Barshon — Wed, 22 Dec 2021 15:05:25 +0000

In react, there comes a point when a new developer might ask, where does HTML play a part in building an application using react? Well, writing html is not a viable option in react. THen how can we build a web page if there is no html?

The answer is simple, using JSX. JSX stands for javascript xml . Javascript xml is used as an alternative of html in a react application. JSX is almost like html except that it's not. The syntax and everything is just like html, which means writing jsx and writing html is almost no different. The difference comes in parsing them. Html is directly parsed by the browser whereas jsx is parsed and converted into javascript first, and then it is counted as javascript by the parser.

In earlier days, the babel transpiler was needed for this parsing task of xml, but nowadays in react it is done easily using the babel plugin so that external babel transpiler is no longer needed.

DEV Community: Barshon

CRUD

React JSX