mahammadCodes's profile picture. Just a guy building his dev muscle one line at a time 💻 | Posting my daily journey—projects, lessons, bugs & breakthroughs

Miyau

@mahammadCodes

Just a guy building his dev muscle one line at a time 💻 | Posting my daily journey—projects, lessons, bugs & breakthroughs

Most people just use React Query and not wonder what it really does. I decided to try building my own. Today I finished the useMutation hook. Tracks async status (LOADING, SUCCESS, ERROR) Supports custom mutation functions or REST call. Lifecycle callbacks (onSuccess, onError,…

mahammadCodes's tweet image. Most people just use React Query and not wonder what it really does.

I decided to try building my own.

Today I finished the useMutation hook.

Tracks async status (LOADING, SUCCESS, ERROR)
Supports custom mutation functions or REST call.
Lifecycle callbacks (onSuccess, onError,…
mahammadCodes's tweet image. Most people just use React Query and not wonder what it really does.

I decided to try building my own.

Today I finished the useMutation hook.

Tracks async status (LOADING, SUCCESS, ERROR)
Supports custom mutation functions or REST call.
Lifecycle callbacks (onSuccess, onError,…

Day 3 of building my own library. For the past 3 days, i have been coding my own lightweight React Query for learning and project purposes. Today I have implemented fetchFresh functionality, which re-fetches data in case it's not up to date. I tested with mock data, and got…

mahammadCodes's tweet image. Day 3 of building my own library.

For the past 3 days, i have been coding my own lightweight React Query for learning and project purposes.

Today I have implemented fetchFresh functionality, which re-fetches data in case it's not up to date. I tested with mock data, and got…
mahammadCodes's tweet image. Day 3 of building my own library.

For the past 3 days, i have been coding my own lightweight React Query for learning and project purposes.

Today I have implemented fetchFresh functionality, which re-fetches data in case it's not up to date. I tested with mock data, and got…

Day 2 of Building my own Library: Today I implemented useQuery -- here's what it does: 1. Caches server data so repeated requests don’t always hit the network 2. Provides two loading states: -> loading → only true for the very first request (np cached data) -> fetching →…

mahammadCodes's tweet image. Day 2 of Building my own Library:

Today I implemented useQuery -- here's what it does:

1. Caches server data so repeated requests don’t always hit the network

2. Provides two loading states:
-> loading → only true for the very first request (np cached data)
-> fetching →…
mahammadCodes's tweet image. Day 2 of Building my own Library:

Today I implemented useQuery -- here's what it does:

1. Caches server data so repeated requests don’t always hit the network

2. Provides two loading states:
-> loading → only true for the very first request (np cached data)
-> fetching →…

Day 1 of building my own Library: I have decided to code my own lightweight React Query library. So, for day 1 I have completed: - Setting up project - Setting up eslint and other config files. - Wrote simple but lightweight useFetch hook, which essentially calls API and return…

mahammadCodes's tweet image. Day 1 of building my own Library:

I have decided to code my own lightweight React Query library. So, for day 1 I have completed:
- Setting up project
- Setting up eslint and other config files.
- Wrote simple but lightweight useFetch hook, which essentially calls API and return…

Day 42 of Building in Public: Internship: Completed 1 task and other on is in progress. The job is going well, but i have started get tired from it. Conceptual: Learned how does libraries get created, what id d.ts file and so on. FeatherQuery: Started my own React Query…


Day 41 of Building in Public: LeetCode: Solved Minimum number of arrows to burst balloons O'Reilly React Cookbook: Currently reading chapter called "Interaction Design" FullStack App: I have decided I am done with this project, it was project done for learning purposes, so…

mahammadCodes's tweet image. Day 41 of Building in Public:

LeetCode: Solved Minimum number of arrows to burst balloons

O'Reilly React Cookbook: Currently reading chapter called "Interaction Design" 

FullStack App: I have decided I am done with this project, it was project done for learning purposes, so…
mahammadCodes's tweet image. Day 41 of Building in Public:

LeetCode: Solved Minimum number of arrows to burst balloons

O'Reilly React Cookbook: Currently reading chapter called "Interaction Design" 

FullStack App: I have decided I am done with this project, it was project done for learning purposes, so…

Day 40 of Building in Public: Just made huge update on my fullstack app. (For those who don't know I am cloning Stack Overflow). I added posting comments and answers to a question functionality, and also implemented lazy loading on questions unless their detail page is…

mahammadCodes's tweet image. Day 40 of Building in Public:

Just made huge update on my fullstack app. (For those who don't know I am cloning Stack Overflow). I added posting comments and answers to a question functionality, and also implemented lazy loading on questions unless their detail page is…
mahammadCodes's tweet image. Day 40 of Building in Public:

Just made huge update on my fullstack app. (For those who don't know I am cloning Stack Overflow). I added posting comments and answers to a question functionality, and also implemented lazy loading on questions unless their detail page is…
mahammadCodes's tweet image. Day 40 of Building in Public:

Just made huge update on my fullstack app. (For those who don't know I am cloning Stack Overflow). I added posting comments and answers to a question functionality, and also implemented lazy loading on questions unless their detail page is…

🚀 React Magic in 15 Lines! Click the box to change colors. 🎨 Hooks make it this easy: 💡 Fun, interactive, and ready to drop into any React app. #ReactJS #JavaScript #WebDev #Frontend #Coding #100DaysOfCode #DevCommunity #CodeNewbie #WebDevelopment

mahammadCodes's tweet image. 🚀 React Magic in 15 Lines!
Click the box to change colors. 🎨 Hooks make it this easy:

💡 Fun, interactive, and ready to drop into any React app.

#ReactJS #JavaScript #WebDev #Frontend #Coding #100DaysOfCode #DevCommunity #CodeNewbie #WebDevelopment

Day 38 of Building in Public: Internship: I was assigned one task, which had 4 sub-tasks. Completed the whole of it and submitted PR let's goooo. FullStack app: Added caching functionality on hovering. If user hovers more than 0.5 seconds I fetch the item and cache it so that…

mahammadCodes's tweet image. Day 38 of Building in Public:

Internship: I was assigned one task, which had 4 sub-tasks. Completed the whole of it and submitted PR let's goooo.

FullStack app: Added caching functionality on hovering. If user hovers more than 0.5 seconds I fetch the item and cache it so that…
mahammadCodes's tweet image. Day 38 of Building in Public:

Internship: I was assigned one task, which had 4 sub-tasks. Completed the whole of it and submitted PR let's goooo.

FullStack app: Added caching functionality on hovering. If user hovers more than 0.5 seconds I fetch the item and cache it so that…
mahammadCodes's tweet image. Day 38 of Building in Public:

Internship: I was assigned one task, which had 4 sub-tasks. Completed the whole of it and submitted PR let's goooo.

FullStack app: Added caching functionality on hovering. If user hovers more than 0.5 seconds I fetch the item and cache it so that…

Day 37 of Building in Public: FullStack App: Finished UI of Question Details Page, configured its styles and routes. Internship: Solved one task, which was about filtering. Conceptual: Learned more about useImperativeHandle, createPortal in React. Found out how to make state…

mahammadCodes's tweet image. Day 37 of Building in Public:

FullStack App: Finished UI of Question Details Page, configured its styles and routes.

Internship: Solved one task, which was about filtering.

Conceptual: Learned more about useImperativeHandle, createPortal in React. Found out how to make state…
mahammadCodes's tweet image. Day 37 of Building in Public:

FullStack App: Finished UI of Question Details Page, configured its styles and routes.

Internship: Solved one task, which was about filtering.

Conceptual: Learned more about useImperativeHandle, createPortal in React. Found out how to make state…

Day 36 of Building in Public: FullStack app: Added 'see profiles of other users' section and configured logout functionality. Internship: I was asked to fix 4 UI issues, fixed them, created a PR and it was merged. Not feeling productive nowadays because of how much energy…

mahammadCodes's tweet image. Day 36 of Building in Public:

FullStack app: Added 'see profiles of other users' section and configured logout functionality.

Internship: I was asked to fix 4 UI issues, fixed them, created a PR and it was merged.

Not feeling productive nowadays because of how much energy…
mahammadCodes's tweet image. Day 36 of Building in Public:

FullStack app: Added 'see profiles of other users' section and configured logout functionality.

Internship: I was asked to fix 4 UI issues, fixed them, created a PR and it was merged.

Not feeling productive nowadays because of how much energy…
mahammadCodes's tweet image. Day 36 of Building in Public:

FullStack app: Added 'see profiles of other users' section and configured logout functionality.

Internship: I was asked to fix 4 UI issues, fixed them, created a PR and it was merged.

Not feeling productive nowadays because of how much energy…

Day 35 of Building in Public: Internship: Finished my task and PR was approved. FullStack app: Added Syntax highlighting and filtering by user's in questions section. Fixed some errors in Java controllers #coding #programming #developer #code #100DaysOfCode #javascript #react

mahammadCodes's tweet image. Day 35 of Building in Public:

Internship: Finished my task and PR was approved.

FullStack app: Added Syntax highlighting and filtering by user's in questions section. Fixed some errors in Java controllers

#coding #programming #developer #code #100DaysOfCode #javascript #react…

Day 34 of Building in Public: LeetCode: Solved `Reordered Power of 2` FullStack App: Fixed circular reference, eager loading errors, added loading screen. Now the application can show specific user's posted questions. Next Step: Filtering! Conceptual: Learned about moment…

mahammadCodes's tweet image. Day 34 of Building in Public: 

LeetCode: Solved `Reordered Power of 2`  

FullStack App: Fixed circular reference, eager loading errors, added loading screen. Now the application can show specific user's posted questions. Next Step: Filtering! 

Conceptual: Learned about moment…
mahammadCodes's tweet image. Day 34 of Building in Public: 

LeetCode: Solved `Reordered Power of 2`  

FullStack App: Fixed circular reference, eager loading errors, added loading screen. Now the application can show specific user's posted questions. Next Step: Filtering! 

Conceptual: Learned about moment…

🔥 Want to easily track the previous value of a state in React? How does it work? Because useEffect runs after rendering, the ref updates only after you’ve already rendered with the current value — so when you read ref.current during render, it still holds the previous value!…

mahammadCodes's tweet image. 🔥 Want to easily track the previous value of a state in React?

How does it work?

Because useEffect  runs after rendering, the ref updates only after you’ve already rendered with the current value — so when you read ref.current during render, it still holds the previous value!…

Day 32 of Building in Public: Internship: I was given a task that had 6 subtasks in it, finished 5 of them, 1 is remaining FullStack app: Spent time configuring userSlug and Profile slices in Redux-Tool-Kit. Application is going well but i might need to speed up things.…

mahammadCodes's tweet image. Day 32 of Building in Public:

Internship: I was given a task that had 6 subtasks in it, finished 5 of them, 1 is remaining

FullStack app: Spent time configuring userSlug and Profile slices in Redux-Tool-Kit. Application is going well but i might need to speed up things.…
mahammadCodes's tweet image. Day 32 of Building in Public:

Internship: I was given a task that had 6 subtasks in it, finished 5 of them, 1 is remaining

FullStack app: Spent time configuring userSlug and Profile slices in Redux-Tool-Kit. Application is going well but i might need to speed up things.…

Day 31 of Building in Public: Internship: My PR was approved today FullStack App: Spent time writing DTOs and ensuring project structure is right React Cookbook: Lately, i have been enjoying this book, learnt about different ways to start React application (With Gatsby, Preact…

mahammadCodes's tweet image. Day 31 of Building in Public:

Internship: My PR was approved today

FullStack App: Spent time writing DTOs and ensuring project structure is right

React Cookbook: Lately, i have been enjoying this book, learnt about different ways to start React application (With Gatsby, Preact…

Day 30 of Building in Public Internship: Solved 2 bugs let's gooo. FullStack Project: Added QuestionPost form and configured it with React Hook Form's Controller component. Conceptual: Learned some tricks in React Router #coding #programming #artificialintelligence #fyp

mahammadCodes's tweet image. Day 30 of Building in Public

Internship: Solved 2 bugs let's gooo.

FullStack Project: Added QuestionPost form and configured it with React Hook Form's Controller component.

Conceptual: Learned some tricks in React Router

#coding #programming #artificialintelligence #fyp…
mahammadCodes's tweet image. Day 30 of Building in Public

Internship: Solved 2 bugs let's gooo.

FullStack Project: Added QuestionPost form and configured it with React Hook Form's Controller component.

Conceptual: Learned some tricks in React Router

#coding #programming #artificialintelligence #fyp…

Day 29 of Building in Public FullStack App: Started the UI of Q&A Section. Organized my folder structure, got rid of unnecessary files. Internship: Got done with 2 easy tasks today. Conceptual: Learned more and more about Java Spring Security and took notes.…

mahammadCodes's tweet image. Day 29 of Building in Public

FullStack App: Started the UI of Q&A Section. Organized my folder structure, got rid of unnecessary files.

Internship: Got done with 2 easy tasks today.

Conceptual: Learned more and more about Java Spring Security and took notes.…
mahammadCodes's tweet image. Day 29 of Building in Public

FullStack App: Started the UI of Q&A Section. Organized my folder structure, got rid of unnecessary files.

Internship: Got done with 2 easy tasks today.

Conceptual: Learned more and more about Java Spring Security and took notes.…

United States Tendenze

Loading...

Something went wrong.


Something went wrong.