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

Aditya Kumdale

@akdevlops

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

Przypięty

🚀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


Learnt about Typescript in React ,covered:- Typing useState Typing React components Typing React component props Custom prop types Imported types #BuildInPublic #Frontend #WebDevelopment #CodingJourney


Learned about typescript types, Utility Partial<> , Omit<>,Generics, return types and more.


Starting to Learn Typescipt today lets see how those app -crashing runtime errors are dramatically reduced...


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!


Learned about Performance strategies today in #React. StrictMode, useMemo + React.memo() ,using dev tools to intentionally slow web app and useCallback hook. #Frontend #performanceevaluation


Learnt Routing Basics and built simple timer(use setTimeout) ,stopwatch(used setInterval) and clock.#BuildInPublic #Frontend #WebDevelopment #CodingJourney


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

akdevlops's tweet image. 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

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


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

akdevlops's tweet image. 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

Built a quiz app from scratch called quizzical used open trivia db for data. #BuildInPublic #Frontend #WebDevelopment #CodingJourney


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


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


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


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

akdevlops's tweet image. 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

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


Completed this simple Movie List project using omdb #API . Going to improve it more in future.Used properties for overlapping search bar: position: absolute; left: 50%; transform: translateX(-50%); top: 50px; width: 90%; #BuildInPublic #WebDev #HTML #CSS #Frontend #CodingJourney


Learned about some UI design principles today including whitespaces, Alignment,spacings, colors and contrast,Typography, visual hierachy and effective scaling. #css #WebDesign


United States Trendy

Loading...

Something went wrong.


Something went wrong.