DEV Community: Md.Syed Enam

Dynamic and responsive: A Shopify eCommerce website

Md.Syed Enam — Thu, 26 Dec 2024 05:59:53 +0000

Dynamic and responsive: A Shopify eCommerce website built from scratch! Perfecting the art of online shopping experiences. 🛍️✨ #WebDesign #EcommerceExpert

JWT, Mongoose, MySQL

Md.Syed Enam — Sun, 26 Dec 2021 07:52:39 +0000

JWT

JWT is full form JSON Web Tocken.it is transmitting information JSON object. it's data can be verified and trusted with digitally signed.JWTs can be signed using a secret key.

Mongoose

Mongoose is an Object Data Modeling library for MongoDB. it's work like manager for relationship between data, provides schema validation.

MySQL

Its a relationship base Database. It is a open source Database. It’s using is very easy. MySQL database is an assemblage of relationship data. it's organized table, columns and rows.it's free of cost and available as an open-source for anyone to use with any application. In this application SQL, programming language is used to CRUD as MySQL supported with basic SQL queries.

CRUD Operations

Md.Syed Enam — Sun, 26 Dec 2021 07:51:28 +0000

CRUD is full form CREATE, READ, UPDATE and DELETE. it's a four functions that are called an application of computer programming. Create means it's work for data insert in DB, Read means it's collect data from DB then it's showing with fetch data for frontend user. Update means it's work for existing data update for user. Delete means it's work for delete data from Data base.

A Company or Organizations keep data, accounts info, payment information and anything data do storage in database of customer. This system will do organized into a database. There data storage system will two things one is relational dabase and other one is non relational database. The application used to verious database which include Oracle Database, Microsoft SQL Server, MySQL and Others.

JSX

Md.Syed Enam — Sat, 25 Dec 2021 13:45:48 +0000

It is syntax extension to javascript. JSX remind template lnaguage. but it completely take pawoer of javascript.

JSX produces React "elements". We will explore rendaering to DOM in the next section.

Embedding Expressions in JSX

In the example below, we declare a variable called name and then use it inside JSX by wrapping it in curly braces:

const name = 'Sayed Enam';
const element =

Hello, {name}

;

ReactDOM.render(
element,
document.getElementById('root')
);

How React props work

Md.Syed Enam — Sat, 25 Dec 2021 13:43:38 +0000

React props allow you to send data numbers, stings, functions, objects, arrays etc. if have many components then you can pass data fromone components to another components.Pass props between componnets, you would add them when the componnt is called wehn callingon a regular javascript fucntion.

import React from 'react';
import ReactDOM from 'react-dom';

function PercentageStat({ label, score = 0, total = Math.max(1, score) }) {

return (

{ label }

{ Math.round(score / total * 100) }%

)

}

function App() {

return (

Male Population

)

}