DEV Community: niirjhor

JWT

niirjhor — Sun, 26 Dec 2021 11:59:54 +0000

JWT
JWT, or JSON Web Token, is an open standard used to share security information between two parties — a client and a server. JSON items, containing a set of claims, are encoded in each JWT. JWTs are signed with a cryptographic algorithm to ensure that the claims can't be changed after they've been distributed.
How JWT works:

CRUD Operations

niirjhor — Fri, 24 Dec 2021 06:49:11 +0000

The terms CRUD (create, read, update, and delete) stand for create, read, update, and delete. The four basic roles of persistent storage are as follows.
CREATE procedures: To create a new record, use the INSERT command. In the SQL relational database application, the Create function is called INSERT. In Oracle HCM Cloud, it is called create.
• db.collection.insertOne() New in version 3.2 in MongoDB
• db.collection.insertMany() New in version 3.2 in MongoDB

READ procedures: The primary keynoted within the input parameter is used to read the table records. The read function is like a search function
• db.collection.find()

UPDATE procedures: Executes a UPDATE statement on the table based on the primary key supplied for a record in the WHERE clause. The update function is used to modify existing records that exist in the database. To fully change a record, users may have to modify information in multiple fields.
• db.collection.updateOne() New in version 3.2 in MongoDB
• db.collection.updateMany() New in version 3.2 in MongoDB
• db.collection.replaceOne() New in version 3.2 in MongoDB

DELETE procedures: In the WHERE clause, deletes a specific record. The delete function allows users to remove records from a database that is no longer needed.
• db.collection.deleteOne() New in version 3.2 in MongoDB
• db.collection.deleteMany() New in version 3.2 in MongoDB

Context API

niirjhor — Tue, 21 Dec 2021 18:21:17 +0000

A React app can use the React Context API to generate global variables that can be passed around. This is an alternative to "prop drilling," which entails passing props from grandparent to child to parent and so on. Context is also marketed as a simpler, lighter way to Redux state management.

Context API is a (sort of) new feature in React 16.3 that allows you to communicate state easily and lightly across the entire project (or part of it).
React.create All you need is Context(). It will give you a customer and a provider. Provider is a component that supplies the state to its children, as its name suggests. It will contain the "store" and serve as the parent of all components that may require it. A component that consumes and uses the state is known as a consumer.
How to use Context API?

Create a folder called contexts under your app's root directory (this is optional). It's only a convention.)
Make a file with the name your context name
Context.js, such as userContext.js, imports and creates a context
Create a component named Provider to wrap the provider, for example. UserProvider
Create a higher-order component named with, for example, withUser, to consume the context.
Finally, export them and
Use them as needed.