Day 100 of #100DaysOfCode 🎉 Learning React in depth ⚛️Manipulating the DOM with refs - Getting a ref to the ref to the node - Using ref callbacks - Accessing another component’s DOM nodes - How to use useImperativeHandle() - flushSync() - Best practices #REACT #FrontendDev

⚛️Day 99 of #100DaysOfCode - Learning React in depth - Adding a ref to a component - Updating a ref’s value -Using refs with state and their differences - When to and when not to use ref - Events in React on codédex(Practice) #REACT #WebDev #FrontendDev

⚛️Day 98 of #100DaysOfCode - Learning React in depth React practice on codédex #REACT #WebDev #FrontendDev

⚛️Day 97 of #100DaysOfCode - Learning React in depth - Fixed build issue(the react won’t build because I cloned my repo on a different laptop ) - Practiced what I learned so far (class components, props, useState, conditional rendering,useEffect, composition) #REACT #FrontendDev

⚛️Day 96 of #100DaysOfCode - Learning React in depth - Life cycle of components - Effect life cycle vs component life cycle - Synchronization and re-synchronization #REACT #WebDev

⚛️Day 95 of #100DaysOfCode - Learning React in depth - How rendering works in React - Initial renders and re-renders - Batching - React.memo #REACT #FrontendDev #WebDev

⚛️Day 94 of #100DaysOfCode - Learning React in depth - Composition in React - Composition vs inheritance - Composition for reusability - Composition with HIgher-Order Components #REACT #FrontendDev

⚛️Day 93 of #100DaysOfCode - Learning React in depth - Updating initial state from props - Revisiting Asynchronous JavaScript , codex practice #REACT #JavaScript #FrontendDev

⚛️Day 92 of #100DaysOfCode - Learning React in depth - Conditional rendering with if, if/else, ternary , logical AND operator, switch case - Multiple conditional renderings -Nested conditional rendering - Conditional rendering with Higher-Order Components #REACT #FrontendDev

⚛️Day 91 of #100DaysOfCode - Learning React in depth - Relationship between state and props - Rendering props - Children as a function - How to set props to state - React rest props - Components as props - Styled components -#REACT #WebDev #FrontendDev

⚛️Day 90 of #100DaysOfCode - Learning react in depth - JSX vs React - Rules of JSX - Curly braces in JSX - How setter functions from useState work - Brief intro to useEffect and how it works #REACT #FrontendDev #WebDev

Day 89 of #100DaysOfCode - Learning React in depth -State and stateless components -Callback functions in React - Proptypes - Reason to use TypeScript in React #WebDev #REACT #FrontendDev

⚛️Day 88 of #100DaysOfCode - Learning React in depth - Fixed the webpack bundling issue from Day 87 - How to use React and TailwindCSS together - Understanding pure functions - Adding life cycle methods to a class component - Error boundary #REACT #WebDev #FrontendDev

⚛️Day 87 of #100DaysOfCode Tried building a chrome dummy chrome extension with React, got stuck at bundling with webpack(commonJS and ES6 module conflict) Putting on hold for tomorrow #React #coding #JavaScript #FrontendDev

⚛️Day 86 of #100DaysOfCode - Learning React in depth #REACT #WebDev #FrontendDev #Frontend

⚛️Day 85 of #100DaysOfCode - Learning React in depth Still on class-based React components : componentDidMount, componentDidUpdate, componentDidCatch, componentWillUnmount #REACT #Frontend #WebDev

⚛️Day 84 of #100DaysOfCode - Learning React in depth - Under the hood of react function component - Brief overview of class vs functional components - Getting comfortable with class components (context, props, state) #Frontend #React #WebDev

⚛️Day 83 of #100DaysOfCode- Learning react in depth - Types of react components(class components, functional components, RSC, async components) -Component vs element vs instance of a React component -How React creates elements under the hood from its JSX #React #FrontendDev

⚛️Day 82 of #100DaysOfCode - Learning react in depth - Rendering lists with map() and attributes - Responding to events - Understanding states and hooks - Using props -Sharing data(or not sharing data) between components #WebDev #Frontend #REACT

⚛️Day 81 of #100DaysOfCode - Learning react in depth - React components - Basic JSX syntax - Conditional rendering with if/else, conditional ? operator and logical && syntax #Frontend #WebDev #REACT

🍪Day 80 of #100DaysOfCode Introduction to vite -vite vs create react app -Using sass in react -running build and preview -exploring the file structure -why ‘EBADENGINE’ issue occurs and how to fix it -how to fix bus error #WebDev #Frontend #JavaScript

🍪Day 79 of #100DaysOfCode June was hectic, but I’m getting back on track this week! Today: ⭐️ Micro fixes on what I started working on last week ⭐️Learnt how to use font-face ⭐️Path resolution with GitHub pages #WebDev #coding

🍪Day 78 of #100DaysOfCode Making “something” with tailwindcss again #WebDev #Frontend #tailwindcss

🍪Day 77 of #100DaysOfCode Today I made my portfolio website responsive Will show it tomorrow #JavaScript #TailwindCSS #WebDev

I’ve been the same thing for the past few , building my portfolio website with tailwindCSS so that I get used to tailwindCSS😣

🍪 Day 76 of #100DaysOfCode Building my portfolio website with tailwindcss and JavaScript #JavaScript #WebDev #Coding

🍪 Day 75 of #100DaysOfCode - Async js practice - Practiced JavaScript event loop today with ChatGPT. -Worked on tricky examples with setTimeout, Promise.then, async/await, and queueMicrotask. #JavaScript #WebDev #Coding

🍪Day 74 of #100DaysOfCode - Tic-tac-toe game in React I am not giving up! What i picked/practiced up: 🔹Functional components & component composition 🔹 useState & useRef hooks 🔹Getting a feel of jsx(I used tsx before) #JavaScript #coding #WebDev #ReactJS

🍪Day 73 of #100DaysOfCode - Intro to React 🔹Passing children 🔹 Inspecting components with react dev tools 🔹Practicing components, props and useStates #JavaScript #coding #WebDev #ReactJS

🍪Day 72 of #100DaysOfCode - Intro to React (Part 2) 🔹Rendering lists 🔹Conditional rendering 🔹Handling events 🔹Managing states, passing data and functions via props 🔹State vs props #JavaScript #coding #WebDev #ReactJS

🦄Day 71 of #100DaysOfCode - Intro to React 🔹Setting up the dev environment for react 🔹Creating components in react 🔹How react works + react ecosystem 🔹Fragments #JavaScript #coding #WebDev #ReactJS

🦄Day 70 of #100DaysOfCode - Preparing for React 🔹Reference vs value in Js 🔹Array methods practice 🔹Short-circuiting 🔹ES6 features(destructuring, spread operators, promises..) #JavaScript #coding #WebDev

Installed Kubuntu on my old laptop 3 days ago. Wi-Fi wasn’t working, it refused to turn on the next day—thought I was cooked fr. But somehow I figured it out

🦄Day 69 of #100DaysOfCode - Practice week!!! 🔹Revisiting closures 🔹Solving some challenge questions on closures #JavaScript #coding #WebDev

I do not have a device right now because mine broke down so I might not be as consistent as before but I’ll try my best. Getting a new one at the end of the month, hopefully. #100DaysOfCode #WebDev

🦄Day 68 of #100DaysOfCode - Practice week!!! Today was about going through: 🔹Stack and queue data structures 🔹Graph data structure My laptop finally gave up today so I’m installing Linux(first time) on an old one at home, I’m nervous 😬 #JavaScript #coding #WebDev

🦄Day 67 of #100DaysOfCode - Practice week!!! Today was about going through: 🔹Stack and queue data structures 🔹Graph data structure My laptop finally gave up today so I’m installing Linux(first time) on an old one at home, I’m nervous 😬 #JavaScript #coding #WebDev

🦄Day 67 of #100DaysOfCode - Practice week!!! 🔹Algorithms, pseudo code and flowcharts 🔹Binary Search Tree(input, find, delete) #JavaScript #coding #WebDev

🦄Day 66 of #100DaysOfCode - Tailwind CSS Done with this one! #Frontend #tailwindcss #WebDev

🦄Day 65 of #100DaysOfCode - Tailwind CSS Took me so long yet I ain't done! 🔹My compiled CSS file was playing peekaboo with me because of ERM issue, fixed it with `--poll` flag 🔹Played with my new baby tailwindcss without tutorial aid #Frontend #tailwindcss #WebDev

🦄Day 64 of #100DaysOfCode - Tailwind CSS Today's loot: 🔹how to setup tailwindcss version 3 and version 4 🔹Made a webpage with tailwind css(Practice) #Frontend #tailwindcss #WebDev

🦄Day 63 of #100DaysOfCode - Tailwind CSS Brain loot: 🔹Custom styles 🔹Tailwindcss directives, layer base, layer components, layer utilities 🔹accent & fluid components #Frontend #tailwindcss #WebDev

🦄Day 62 of #100DaysOfCode - Tailwind CSS(part 1) Brain loot: 🔹Creating tailwindcss config file(in bash terminal) , mysteriously got stuck here for 15 mins as a welcome or whatever 🔹fundamentals, CSS + grid layout, media queries, dark mode #Frontend #tailwindcss #WebDev

🦄Day 61 of #100DaysOfCode Brain loot: 🔹More about the command line(cat, less, echo, tail, head & more) 🔹codewars, codewars, codewars #JavaScript #coding #WebDev

🛠️Day 60 of #100DaysOfCode Brain loot: 🔹Standard Operating Procedures & its benefits 🔹Version Control + benefits 🔹CORS, SOP & CSRF #JavaScript #coding #WebDev

🛠️Day 59 of #100DaysOfCode Brain loot: 🔹Basic terminal commands(creating/removing a new file and directory in bash, changing directories, getting the list of files(hidden ones too) in a directory 🔹Spinning wheel with html, CSS & JavaScript #JavaScript #coding #WebDev

🛠️Day 58 of #100DaysOfCode - NPM Brain loot: 🔹Semantic versioning 🔹What `npm` is 🔹How to use a package with moment and uniq 🔹Using a module bundler like `Browserify` #JavaScript #coding #WebDev

🛠️Day 57 of #100DaysOfCode - JS Docs 🔹Type check, adding a type, custom templates, custom types, generating docs #JavaScript #coding #WebDev