Aatif Sohel
@aatifsohel.bsky.social
Front-end Developer | ReactJs & Javascript | HTML CSS |
Day 50 / 100
I'm learning React JS. Here's what I covered today:
✅Tanstack Query (React Query)
✅fetching & mutating data
✅toasts - notifications
✅react forms
#webdevelopment #100daysofcode
I'm learning React JS. Here's what I covered today:
✅Tanstack Query (React Query)
✅fetching & mutating data
✅toasts - notifications
✅react forms
#webdevelopment #100daysofcode
November 14, 2025 at 6:16 PM
Day 50 / 100
I'm learning React JS. Here's what I covered today:
✅Tanstack Query (React Query)
✅fetching & mutating data
✅toasts - notifications
✅react forms
#webdevelopment #100daysofcode
I'm learning React JS. Here's what I covered today:
✅Tanstack Query (React Query)
✅fetching & mutating data
✅toasts - notifications
✅react forms
#webdevelopment #100daysofcode
Day 49 / 100
I'm learning React JS. Here's what I covered today:
✅build more reusable styled components
✅setup pages & routes
✅build app layout, sidebar & navigation
✅build backend for the app using Supabase
#webdevelopment #100daysofcode
I'm learning React JS. Here's what I covered today:
✅build more reusable styled components
✅setup pages & routes
✅build app layout, sidebar & navigation
✅build backend for the app using Supabase
#webdevelopment #100daysofcode
November 13, 2025 at 6:20 PM
Day 49 / 100
I'm learning React JS. Here's what I covered today:
✅build more reusable styled components
✅setup pages & routes
✅build app layout, sidebar & navigation
✅build backend for the app using Supabase
#webdevelopment #100daysofcode
I'm learning React JS. Here's what I covered today:
✅build more reusable styled components
✅setup pages & routes
✅build app layout, sidebar & navigation
✅build backend for the app using Supabase
#webdevelopment #100daysofcode
Quokka PRO is FREE till Nov 24 2025🔥
November 13, 2025 at 4:43 PM
Quokka PRO is FREE till Nov 24 2025🔥
Day 46 / 100
I'm learning React JS. Here's what I covered today:
✅Used react router & redux toolkit to build this app
✅adding/deleting item to or from cart
✅increase/decrease cart item quantity
✅placing an order
#webdevelopment #100daysofcode
I'm learning React JS. Here's what I covered today:
✅Used react router & redux toolkit to build this app
✅adding/deleting item to or from cart
✅increase/decrease cart item quantity
✅placing an order
#webdevelopment #100daysofcode
November 9, 2025 at 4:30 PM
Day 46 / 100
I'm learning React JS. Here's what I covered today:
✅Used react router & redux toolkit to build this app
✅adding/deleting item to or from cart
✅increase/decrease cart item quantity
✅placing an order
#webdevelopment #100daysofcode
I'm learning React JS. Here's what I covered today:
✅Used react router & redux toolkit to build this app
✅adding/deleting item to or from cart
✅increase/decrease cart item quantity
✅placing an order
#webdevelopment #100daysofcode
Day 42 / 100
I'm learning React JS. Here's what I covered today:
✅Redux Tool Kit
✅creating store
✅creating slices
✅redux vs context API
#100daysofcode #webdevelopment
I'm learning React JS. Here's what I covered today:
✅Redux Tool Kit
✅creating store
✅creating slices
✅redux vs context API
#100daysofcode #webdevelopment
November 3, 2025 at 5:57 PM
Day 42 / 100
I'm learning React JS. Here's what I covered today:
✅Redux Tool Kit
✅creating store
✅creating slices
✅redux vs context API
#100daysofcode #webdevelopment
I'm learning React JS. Here's what I covered today:
✅Redux Tool Kit
✅creating store
✅creating slices
✅redux vs context API
#100daysofcode #webdevelopment
Day 39 / 100
I'm learning React JS. Here's what I covered today:
✅fix performance issue in workout timer app
✅State based on other state updates
✅used helper function in effects
✅closures in effects
#webdevelopment #100daysofcode
I'm learning React JS. Here's what I covered today:
✅fix performance issue in workout timer app
✅State based on other state updates
✅used helper function in effects
✅closures in effects
#webdevelopment #100daysofcode
October 30, 2025 at 4:53 PM
Day 39 / 100
I'm learning React JS. Here's what I covered today:
✅fix performance issue in workout timer app
✅State based on other state updates
✅used helper function in effects
✅closures in effects
#webdevelopment #100daysofcode
I'm learning React JS. Here's what I covered today:
✅fix performance issue in workout timer app
✅State based on other state updates
✅used helper function in effects
✅closures in effects
#webdevelopment #100daysofcode
Day 35 / 100
React JS ⚛️
Here's what I have covered today:
✅Performance optimization & wasted renders
✅Profiler dev tool
✅optimization with children
✅What is memoization - memo
#webdevelopment #100daysofcode
React JS ⚛️
Here's what I have covered today:
✅Performance optimization & wasted renders
✅Profiler dev tool
✅optimization with children
✅What is memoization - memo
#webdevelopment #100daysofcode
October 26, 2025 at 5:19 PM
Day 35 / 100
React JS ⚛️
Here's what I have covered today:
✅Performance optimization & wasted renders
✅Profiler dev tool
✅optimization with children
✅What is memoization - memo
#webdevelopment #100daysofcode
React JS ⚛️
Here's what I have covered today:
✅Performance optimization & wasted renders
✅Profiler dev tool
✅optimization with children
✅What is memoization - memo
#webdevelopment #100daysofcode
Day 34 / 100
I'm learning React JS. Here's what I covered today:
✅Added protected route - authentication
✅finished building the "WorldWise" app
#webdevelopment #100DaysOfCode
I'm learning React JS. Here's what I covered today:
✅Added protected route - authentication
✅finished building the "WorldWise" app
#webdevelopment #100DaysOfCode
October 24, 2025 at 6:45 PM
Day 34 / 100
I'm learning React JS. Here's what I covered today:
✅Added protected route - authentication
✅finished building the "WorldWise" app
#webdevelopment #100DaysOfCode
I'm learning React JS. Here's what I covered today:
✅Added protected route - authentication
✅finished building the "WorldWise" app
#webdevelopment #100DaysOfCode
Day 32 / 100
I'm learning React JS. Here's what I covered today:
✅fetching city data in the form
✅create new city in fake API
✅used react datepicker package
#webdevelopment #100DaysOfCode
I'm learning React JS. Here's what I covered today:
✅fetching city data in the form
✅create new city in fake API
✅used react datepicker package
#webdevelopment #100DaysOfCode
October 22, 2025 at 6:31 PM
Day 32 / 100
I'm learning React JS. Here's what I covered today:
✅fetching city data in the form
✅create new city in fake API
✅used react datepicker package
#webdevelopment #100DaysOfCode
I'm learning React JS. Here's what I covered today:
✅fetching city data in the form
✅create new city in fake API
✅used react datepicker package
#webdevelopment #100DaysOfCode
Day 30 / 100
I'm learning React JS. Here's what I covered:
✅Advanced Pattern - Custom provider & hook
✅created cities context
✅implement city view
✅added map from leaflet library
#webdevelopment #100daysofcode
I'm learning React JS. Here's what I covered:
✅Advanced Pattern - Custom provider & hook
✅created cities context
✅implement city view
✅added map from leaflet library
#webdevelopment #100daysofcode
October 9, 2025 at 5:49 PM
Day 30 / 100
I'm learning React JS. Here's what I covered:
✅Advanced Pattern - Custom provider & hook
✅created cities context
✅implement city view
✅added map from leaflet library
#webdevelopment #100daysofcode
I'm learning React JS. Here's what I covered:
✅Advanced Pattern - Custom provider & hook
✅created cities context
✅implement city view
✅added map from leaflet library
#webdevelopment #100daysofcode
Day 28 / 100
I'm learning React JS. Here's what I covered today:
✅Implemented country & cities list
✅storing state in the URL
✅Dynamic routes & query string
✅useParams, useSearchParams & useNavigate hook
✅Navigate from react router
I'm learning React JS. Here's what I covered today:
✅Implemented country & cities list
✅storing state in the URL
✅Dynamic routes & query string
✅useParams, useSearchParams & useNavigate hook
✅Navigate from react router
October 6, 2025 at 5:52 PM
Day 28 / 100
I'm learning React JS. Here's what I covered today:
✅Implemented country & cities list
✅storing state in the URL
✅Dynamic routes & query string
✅useParams, useSearchParams & useNavigate hook
✅Navigate from react router
I'm learning React JS. Here's what I covered today:
✅Implemented country & cities list
✅storing state in the URL
✅Dynamic routes & query string
✅useParams, useSearchParams & useNavigate hook
✅Navigate from react router
Day 27 / 100
I'm learning React JS. Here's what I covered today:
✅Build pages for the WorldWise app
✅Build app layout
✅Setup routes, nested routes and index route
#webdevelopment #100daysofcode
I'm learning React JS. Here's what I covered today:
✅Build pages for the WorldWise app
✅Build app layout
✅Setup routes, nested routes and index route
#webdevelopment #100daysofcode
October 5, 2025 at 4:00 PM
Day 27 / 100
I'm learning React JS. Here's what I covered today:
✅Build pages for the WorldWise app
✅Build app layout
✅Setup routes, nested routes and index route
#webdevelopment #100daysofcode
I'm learning React JS. Here's what I covered today:
✅Build pages for the WorldWise app
✅Build app layout
✅Setup routes, nested routes and index route
#webdevelopment #100daysofcode
Day 26 / 100
I'm learning React JS. Here's what I covered today:
✅React Router & SPAs
✅BrowserRouter, Routes, Route, Link and NavLink
✅Linking between routes
✅different styling option for react app
✅use CSS module for styling
#webdevelopment #100daysofcode
I'm learning React JS. Here's what I covered today:
✅React Router & SPAs
✅BrowserRouter, Routes, Route, Link and NavLink
✅Linking between routes
✅different styling option for react app
✅use CSS module for styling
#webdevelopment #100daysofcode
October 4, 2025 at 5:50 PM
Day 26 / 100
I'm learning React JS. Here's what I covered today:
✅React Router & SPAs
✅BrowserRouter, Routes, Route, Link and NavLink
✅Linking between routes
✅different styling option for react app
✅use CSS module for styling
#webdevelopment #100daysofcode
I'm learning React JS. Here's what I covered today:
✅React Router & SPAs
✅BrowserRouter, Routes, Route, Link and NavLink
✅Linking between routes
✅different styling option for react app
✅use CSS module for styling
#webdevelopment #100daysofcode
Day 25 / 100
I'm learning React JS. Here's what I covered today:
✅Finished building 'React Quiz' app using react useReducer and useEffect hook
✅Features - timing, finish & start screen, display new question & next, restart quiz
#100daysofcode #webdevelopment #reactjs
I'm learning React JS. Here's what I covered today:
✅Finished building 'React Quiz' app using react useReducer and useEffect hook
✅Features - timing, finish & start screen, display new question & next, restart quiz
#100daysofcode #webdevelopment #reactjs
October 3, 2025 at 4:53 PM
Day 25 / 100
I'm learning React JS. Here's what I covered today:
✅Finished building 'React Quiz' app using react useReducer and useEffect hook
✅Features - timing, finish & start screen, display new question & next, restart quiz
#100daysofcode #webdevelopment #reactjs
I'm learning React JS. Here's what I covered today:
✅Finished building 'React Quiz' app using react useReducer and useEffect hook
✅Features - timing, finish & start screen, display new question & next, restart quiz
#100daysofcode #webdevelopment #reactjs
Day 24 / 100
I'm learning React JS. Here's what I covered today:
✅started building 'React Quiz' app
✅load data from fake API
✅add different state - loading, ready & error
✅add start quiz & load question
✅display question
#webdevelopment #100daysofcode
I'm learning React JS. Here's what I covered today:
✅started building 'React Quiz' app
✅load data from fake API
✅add different state - loading, ready & error
✅add start quiz & load question
✅display question
#webdevelopment #100daysofcode
October 2, 2025 at 4:15 PM
Day 24 / 100
I'm learning React JS. Here's what I covered today:
✅started building 'React Quiz' app
✅load data from fake API
✅add different state - loading, ready & error
✅add start quiz & load question
✅display question
#webdevelopment #100daysofcode
I'm learning React JS. Here's what I covered today:
✅started building 'React Quiz' app
✅load data from fake API
✅add different state - loading, ready & error
✅add start quiz & load question
✅display question
#webdevelopment #100daysofcode
CSS Tip ✨
You can customize UI controls generated by some elements using CSS `accent-color` property.
You can customize UI controls generated by some elements using CSS `accent-color` property.
September 30, 2025 at 4:16 PM
CSS Tip ✨
You can customize UI controls generated by some elements using CSS `accent-color` property.
You can customize UI controls generated by some elements using CSS `accent-color` property.
Day 21 / 100
I'm learning React JS. Here's what I covered today:
✅Rules of React Hooks
✅useState hook - multiple ways of updating & creating state
✅get data from localstorage inside useState
✅useRef hook - selecting DOM elements in react way
#100DaysOfCode #webdevelopment
I'm learning React JS. Here's what I covered today:
✅Rules of React Hooks
✅useState hook - multiple ways of updating & creating state
✅get data from localstorage inside useState
✅useRef hook - selecting DOM elements in react way
#100DaysOfCode #webdevelopment
September 29, 2025 at 5:33 PM
Day 21 / 100
I'm learning React JS. Here's what I covered today:
✅Rules of React Hooks
✅useState hook - multiple ways of updating & creating state
✅get data from localstorage inside useState
✅useRef hook - selecting DOM elements in react way
#100DaysOfCode #webdevelopment
I'm learning React JS. Here's what I covered today:
✅Rules of React Hooks
✅useState hook - multiple ways of updating & creating state
✅get data from localstorage inside useState
✅useRef hook - selecting DOM elements in react way
#100DaysOfCode #webdevelopment
Learning JavaScript? Check out this resource
javascript [dot] info
javascript [dot] info
September 29, 2025 at 6:51 AM
Learning JavaScript? Check out this resource
javascript [dot] info
javascript [dot] info
Day 20 / 100
I'm learning React JS. Here's what I covered today:
✅Select movie & show its detail
✅Adding & removing it to watched movie list
✅Change page title & cleanup function
✅AbortController() browser API
✅cleanup data fetching
#100DaysOfCode #WebDevelopment
I'm learning React JS. Here's what I covered today:
✅Select movie & show its detail
✅Adding & removing it to watched movie list
✅Change page title & cleanup function
✅AbortController() browser API
✅cleanup data fetching
#100DaysOfCode #WebDevelopment
September 28, 2025 at 4:37 PM
Day 20 / 100
I'm learning React JS. Here's what I covered today:
✅Select movie & show its detail
✅Adding & removing it to watched movie list
✅Change page title & cleanup function
✅AbortController() browser API
✅cleanup data fetching
#100DaysOfCode #WebDevelopment
I'm learning React JS. Here's what I covered today:
✅Select movie & show its detail
✅Adding & removing it to watched movie list
✅Change page title & cleanup function
✅AbortController() browser API
✅cleanup data fetching
#100DaysOfCode #WebDevelopment
Day 19 / 100
I'm learning React JS. Here's what I covered today:
✅Implemented query synchronisation with the movie data
✅useEffect & dependency array
✅Revised previous material
#webdevelopment #100daysofcode
I'm learning React JS. Here's what I covered today:
✅Implemented query synchronisation with the movie data
✅useEffect & dependency array
✅Revised previous material
#webdevelopment #100daysofcode
September 27, 2025 at 5:52 PM
Day 19 / 100
I'm learning React JS. Here's what I covered today:
✅Implemented query synchronisation with the movie data
✅useEffect & dependency array
✅Revised previous material
#webdevelopment #100daysofcode
I'm learning React JS. Here's what I covered today:
✅Implemented query synchronisation with the movie data
✅useEffect & dependency array
✅Revised previous material
#webdevelopment #100daysofcode
Day 18 / 100
I'm learning React JS. Here's what I covered today:
✅Component lifecycle
✅how not to fetch data in react
✅useEffect hook
✅dependency array
✅async function & handling errors
#100DaysOfCode #webdevelopment
I'm learning React JS. Here's what I covered today:
✅Component lifecycle
✅how not to fetch data in react
✅useEffect hook
✅dependency array
✅async function & handling errors
#100DaysOfCode #webdevelopment
September 26, 2025 at 5:25 PM
Day 18 / 100
I'm learning React JS. Here's what I covered today:
✅Component lifecycle
✅how not to fetch data in react
✅useEffect hook
✅dependency array
✅async function & handling errors
#100DaysOfCode #webdevelopment
I'm learning React JS. Here's what I covered today:
✅Component lifecycle
✅how not to fetch data in react
✅useEffect hook
✅dependency array
✅async function & handling errors
#100DaysOfCode #webdevelopment
This video is great for understanding how react js works ⚛️
September 25, 2025 at 6:31 AM
This video is great for understanding how react js works ⚛️
Day 17 / 100
I'm learning React JS. Here's what I covered today:
✅Rules for render logic
✅State update batching
✅How events work in React
✅React ecosystem
✅Revised previous learning
#100DaysOfCode #webdevelopment
I'm learning React JS. Here's what I covered today:
✅Rules for render logic
✅State update batching
✅How events work in React
✅React ecosystem
✅Revised previous learning
#100DaysOfCode #webdevelopment
September 23, 2025 at 3:53 PM
Day 17 / 100
I'm learning React JS. Here's what I covered today:
✅Rules for render logic
✅State update batching
✅How events work in React
✅React ecosystem
✅Revised previous learning
#100DaysOfCode #webdevelopment
I'm learning React JS. Here's what I covered today:
✅Rules for render logic
✅State update batching
✅How events work in React
✅React ecosystem
✅Revised previous learning
#100DaysOfCode #webdevelopment
Day 16 / 100
I'm learning React JS. Here's what I covered today:
✅The commit phase
✅How diffing works & its rules
✅Key prop & resetting state
✅Fixed old code
#100DaysOfCode #webdevelopment
I'm learning React JS. Here's what I covered today:
✅The commit phase
✅How diffing works & its rules
✅Key prop & resetting state
✅Fixed old code
#100DaysOfCode #webdevelopment
September 22, 2025 at 4:22 PM
Day 16 / 100
I'm learning React JS. Here's what I covered today:
✅The commit phase
✅How diffing works & its rules
✅Key prop & resetting state
✅Fixed old code
#100DaysOfCode #webdevelopment
I'm learning React JS. Here's what I covered today:
✅The commit phase
✅How diffing works & its rules
✅Key prop & resetting state
✅Fixed old code
#100DaysOfCode #webdevelopment
Day 15 / 100
I'm learning React JS. Here's what I covered today:
✅Components, instances & elements
✅How react works behind the scenes
✅React security feature - Symbol Type
✅Calling directly function vs react component
✅React render phase
#100DaysOfCode #webdevelopment
I'm learning React JS. Here's what I covered today:
✅Components, instances & elements
✅How react works behind the scenes
✅React security feature - Symbol Type
✅Calling directly function vs react component
✅React render phase
#100DaysOfCode #webdevelopment
September 21, 2025 at 5:11 PM
Day 15 / 100
I'm learning React JS. Here's what I covered today:
✅Components, instances & elements
✅How react works behind the scenes
✅React security feature - Symbol Type
✅Calling directly function vs react component
✅React render phase
#100DaysOfCode #webdevelopment
I'm learning React JS. Here's what I covered today:
✅Components, instances & elements
✅How react works behind the scenes
✅React security feature - Symbol Type
✅Calling directly function vs react component
✅React render phase
#100DaysOfCode #webdevelopment