Google Summer of Code'24 @mifos | Opensource @Hacktoberfest | Native Android dev | Exploring the sea of Tech.

Joined September 2023
85 Photos and videos
Pinned Tweet
🚀Day 100 of #100DaysOfCode Tinkered a bit with #gsoc opensource repos of some big orgs. Looking forward to contribute in them and learn more practical knowledge now. Finally completed 100days challenge and consitency maintained ,but will definately not stop here✨ #Android
1
3
215
Completed my react project with all improvements today... Learning next.js parallely
7
Started working on a React projects from all the react topics I learned .... starting with cards and reusable badge components #buildinpublic
1
24
Learnt about Typescript in React ,covered:- Typing useState Typing React components Typing React component props Custom prop types Imported types #BuildInPublic #Frontend #WebDevelopment #CodingJourney
1
2
22
Learned about typescript types, Utility Partial<> , Omit<>,Generics, return types and more.
10
Starting to Learn Typescipt today lets see how those app -crashing runtime errors are dramatically reduced...
12
Learned about tailwind today its faster than vanilla css like we can use sm:flex instead of @mediaquery to create breakpoints but it need more hands on practice to master!
1
25
Learned about Performance strategies today in #React. StrictMode, useMemo React.memo() ,using dev tools to intentionally slow web app and useCallback hook. #Frontend #performanceevaluation
21
Learnt Routing Basics and built simple timer(use setTimeout) ,stopwatch(used setInterval) and clock.#BuildInPublic #Frontend #WebDevelopment #CodingJourney
1
4
68
Learned about Render Props ,Headless Component and Context in React. Context is better than using Children api for state passing to childrens deep down the tree. Created this simple reusable badge Component and some more components. #WebDevelopment #Reusability #learninginpublic
25
Studied Compound component - Use children props - Have dedicated function/styling - Make the component structure more transparent - Give more control to the "user" of the component Also React.Children API with its shortcomings #WebDevelopment #Reusability #learninginpublic
10
Learnt about #React children and creating custom components , also learnt abour classnames library to concat all the classes after destructuring the props. #Frontend #WebDevelopment #Reusability #CSS #learninginpublic
14
Built a quiz app from scratch called quizzical used open trivia db for data. #BuildInPublic #Frontend #WebDevelopment #CodingJourney
4
44
Applied useRef,useEffect and useState and learned to make this simple tenzies game. Its important to derive values from state rather than always using useEffect and syncing 2 states like deriving youWin from dice state. #BuildInPublic #Frontend #WebDevelopment #CodingJourney
2
1
29
useEffect for focus because: - We need to wait until AFTER the render when the DOM element actually exists - Focus is a side effect that should happen in response to state changes It provides the correct timing: state change → render → DOM update → effect runs
11
useRef for DOM access because: - It doesn't trigger re-renders when the reference changes - It persists the same reference object across renders useState would cause infinite re-render loops
10
What I learned today: - Controlled components(forms do this automatically but there are some usecases where we need to manage each keystroke of state) - Functional programming in React - Fetching data directly on loading app - Side effects using useEffect() hook #WebDev
24
Practiced more react state and local state,shared state. Shared state is more used as we can only send state from parent to children downwards and there should be single source of truth. Also learned about react markdown package. #react #WebDevelopment
10
Today learned about react state and why is it better to use state where we need to make intractive component than using props. useState returns array[state,fn()] and we destructure to use its state and function as state setter. #react #WebDevelopment
17
Learnt about React props to reuse components ,creating components from array of data and made a simple buisness card project in React. #BuildInPublic #WebDev #HTML #CSS #Frontend #reactdevelopment #WebDevelopment #CodingJourney #LearnToCode
2
47
React is starting to make so much sense! The core concepts are finally clicking. JSX is awesome for describing my UI. Composability means I can build complex pages from small, reusable pieces. #javascript #frontend #webdev
12