Miyau @mahammadCodes

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,…

keyboard_arrow_left Previous keyboard_arrow_right Next

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…

keyboard_arrow_left Previous keyboard_arrow_right Next

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 →…

keyboard_arrow_left Previous keyboard_arrow_right Next

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…

keyboard_arrow_left Previous keyboard_arrow_right Next

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…

keyboard_arrow_left Previous keyboard_arrow_right Next

🚀 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…

keyboard_arrow_left Previous keyboard_arrow_right Next

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…

keyboard_arrow_left Previous keyboard_arrow_right Next

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…

keyboard_arrow_left Previous keyboard_arrow_right Next

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…

keyboard_arrow_left Previous keyboard_arrow_right Next

🔥 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.…

keyboard_arrow_left Previous keyboard_arrow_right Next

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…

keyboard_arrow_left Previous keyboard_arrow_right Next

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.…

keyboard_arrow_left Previous keyboard_arrow_right Next