Sorting data by Date | JSON server react | React With TypeScript in Hindi #8
In this series - we will cover how to use React ⚛ with Typescript. we will cover all the latest React ⚛ and TypeScript practices - via a Notes App Project.
Github repo : https://github.com/coderdost/react-wi...
[for video 8 - git checkout 6c76e74c09013d53c3a05e79d2043775ab875121]
Video Content :
00:00 Intro
00:34 Adding a Javascript Date in Note
02:18 JSON server sort and order
03:40 showing the Date on Note
10:40 formatting Date - toLocaleString
11:35 absolute positioning of date
13:00 sorting by updated date of note
React ⚛ Topics in Series:
functional Components, props, children props
React Hooks - useState, useEffect, useReducer, useContext
How to call APIs in React
CSS conditional rendering in React
State management using Context API and useReducer
How to make Dark Mode in React
React Router version 6 - useParams
NodeJS REST APIs
Deploying MERN Stack app on Heroku Cloud
Cool Libraries - JSON server, Font awesome, React Switch
TypeScript :
type annotations
type aliases
type inferences
union types
enum types
optional properties
type assertion
Learn React for beginners, check our ReactJS playlist : https://bit.ly/3iMethN
Learn TypeScript under 30 mins in this crash course : https://bit.ly/372dZSh
Visit our site : https://coderdost.com
🔴 Full Courses List : https://coderdost.com/courses
🔴 Full Projects List : https://coderdost.com/projects
💾 Source Codes at : https://github.com/coderdost
🤯 Crash Courses (Single Video)
Git/Github Crash Course : https://bit.ly/3JSA5VT
TypeScript Crash Course : https://bit.ly/372dZSh
Angular Crash Course : https://bit.ly/3DoGJR1
Vue JS Crash Course : https://bit.ly/3uDujRl
Python Crash Course : https://bit.ly/3Dod7U2
React Router Crash Course : https://bit.ly/36YfO2i
🧑🏫 Tutorial Playlists
HTML : https://bit.ly/36IMq0h
CSS : https://bit.ly/3LpRQw6
JavaScript : https://bit.ly/3u049tf
BootStrap : https://bit.ly/3NA9nDJ
ES 6 : https://bit.ly/3DvYCh6
DOM Playlist : https://bit.ly/35nMKB7
ReactJS (Redux & Hooks) : https://bit.ly/3iMethN
NodeJS/ExpressJS : https://bit.ly/35nN6Yt
MongoDB / Mongoose : https://bit.ly/3qPj0EO
💻 Projects Playlists
MERN Stack Complete Ecommerce : https://bit.ly/3ymSs0E
Web Design HTML+CSS - Home Page : https://bit.ly/35nZiIB
Web Design BootStrap - E-Commerce Site : https://bit.ly/3iPhaz7
React/Redux/Firebase - Todo-App : https://bit.ly/3DnekL8
🕹 Mini Projects (Single Video)
React - Tic Tac Toe (Redux / Hooks) : https://bit.ly/3uzLEuy
React - Game of Flag Quiz (Hooks) : https://bit.ly/3LpTC0e
React - Google Translate Clone (Hooks) : https://bit.ly/3Lo9xvZ
React - Chat App using Firebase (Hooks) : https://bit.ly/3wLgymj
JSON server react
JSON server fake apis
Async calls in Reducer
Async calls in redux
usereducer vs redux
usereducer vs usestate
useReducer with Context API
context API and useContext hook in hindi
the styled component in React
CSS Components in React
react typescript course in Hindi
react course in Hindi
typescript course in Hindi
typescript react tutorial
react typescript project
react with hooks
react with useReducer
react with context API
