🧠 Day 3 of React .Today, I explored hooks like useEffect, useRef, and useCallback in a small project. They can be tricky at first, but super powerful once they click. What helped you finally understand hooks?. #ReactJS #100DaysOfCode #buildinpublic #WebDev #TechTwitter

Today I styled my Chatbot project. I learnt about useEffect and useRef and I used them to run code after components updates and grab the HTML element. This was crucial for me to implementing an auto scroll feature to always show the latest messages!. #100DaysOfCode .#ReactJS

I just seen how an engineer spent 38.45$ in claude code to make these changes instead of running something like this . sed 's/React\.useRef<\(HTML[^>]*\)>(\([^)]*\))/React.useRef<\1 | null>(\2)/g'. Gen Z devs wil have to take loans to refactor the code at some point🫠

Day 49 of #100DaysOfCode. - completed To-Do App finally.- included input component - and reused it!.- used more state variables to acheive it.- others ways to acheive same: useRef, react-hook-forms.- creating and display all the To-Dos using the ToDo component

React tip:. Don’t use useState if you’re not using the value in JSX. Use useRef instead — it keeps the value without causing re-renders. Perfect for stuff like timers, counters, or flags that don't need to show on screen. Less renders, better performance . #reactjs @reactjs.

Good session on @uidotdev and kudos to @tylermcginnis as usual for the superb and funny teaching style. Dealt with the 'useRef' hook for handling values that need to preserved through re-renders but not trigger a re-render itself and a reference to DOM elements. It was easy

useRef() is nice. just implemented it to auto-scroll when new AI recipe responses load. now everything looks smooth

⏱️ Day 8 of my 30-Day React Relearning Journey. ✅ Built a stopwatch app with `setInterval` .✅ Learned how to pause, reset, and clean up timers .✅ Used `useRef` to persist values without triggering rerenders . Simple but powerful use of side effects!. #ReactJS #BuildInPublic

React’s been testing me lately, not just in code, but in mindset. From useContext, useReducer, useMemo, useRef to old-school lifecycle methods, I’ve been learning how components think and behave. I still have to show up. I'm not just building apps but building understanding.

Day 2: Locked in 🔒. – Learned routing in React. – Explored useRef and custom hooks. – Understood Context API. – Learned about prop drilling & why excessive state lifting should be avoided. – Solved some DSA problems.

React’s useRef keeps focus logic clean and avoids re-renders. Perfect for input fields. #ReactTips #WebDev

Wrapped up the password generator project ✅. Understood how useCallback caches functions for better performance & useRef for accessing DOM (selecting text & more), how useEffect works when any dependency changes. Hooks are making sense now🚀. #ReactJS #webdev #JS #connect

at this point my entire proj depends on useRef

🧠 Building Better Forms with React — @ReactNexus.Speaker: Nipuni Paaris.Old way: useState, boilerplate, rerenders. New way (React 19+):.→ useRef + Actions API.→ useFormStatus = no more prop drilling.→ useOptimistic = buttery-smooth UX.→ Dynamic forms that fly 🚀. #ReactNexus.

Day 17 of #100DayChallenge : i learned react (useeffect and useRef by building these projects)#webdev #React #JavaScript #LearnInPublic #programmer #programming #projects

Major Key Takeaways from @kirat_tw's Cohort 2.0 - Week 6:.- learned about the concepts of re-rendering, key, and wrapper components,.- learned about the hooks & the side effects,.- learned about some commonly used hooks like useState, useEffect, useMemo, useCallback, and useRef.

Good session on @uidotdev with @tylermcginnis . delved into the useContext hook and the last challenge was a good and challenging exercise on how all previous hooks(useState, useEffect, useRef and useContext) work together. Till tomorrow🫡

Dev log 8 & 9 Jul :-.>Learned 'useRef' React hook.>useMemo React hook.>useCallback hook

数日悩んでたReactのバグが解消できた！.useRef使ってたことで値がうまく更新されてなかった. 関数経由で取得するようにしたらうまくいった. React難しい.