Level up your React skills instantly! 📈
I compiled the essential ReactJS concepts into one cheatsheet focused exclusively on Functional Components.
#reactjs #javascript #webdevelopment #frontend #developer #coding #programmer #reacthooks
I compiled the essential ReactJS concepts into one cheatsheet focused exclusively on Functional Components.
#reactjs #javascript #webdevelopment #frontend #developer #coding #programmer #reacthooks
October 17, 2025 at 3:07 PM
Level up your React skills instantly! 📈
I compiled the essential ReactJS concepts into one cheatsheet focused exclusively on Functional Components.
#reactjs #javascript #webdevelopment #frontend #developer #coding #programmer #reacthooks
I compiled the essential ReactJS concepts into one cheatsheet focused exclusively on Functional Components.
#reactjs #javascript #webdevelopment #frontend #developer #coding #programmer #reacthooks
To name a few...
github.com/import-js/es...
github.com/jsx-eslint/e...
github.com/facebook/rea...
github.com/JoshuaKGoldb...
github.com/JoshuaKGoldb...
github.com/import-js/es...
github.com/jsx-eslint/e...
github.com/facebook/rea...
github.com/JoshuaKGoldb...
github.com/JoshuaKGoldb...
feat(eslint-plugin-react-hooks): support flat config by michaelfaith · Pull Request #30774 · facebook/react
I also updated the README to include usage examples.
Example usage:
import reactHooks from 'eslint-plugin-react-hooks';
export default [
{
files: ['**/*.{js,jsx}'],
langua...
github.com
January 19, 2025 at 1:45 PM
I’m manually defining all rules now because the presets either don’t work or at the least have type errors. The recommended preset actually has no compiler rules and you’d need recommended-latest. I wasted over an hour on this. Not great, @no.lol FYI
October 8, 2025 at 11:02 AM
I’m manually defining all rules now because the presets either don’t work or at the least have type errors. The recommended preset actually has no compiler rules and you’d need recommended-latest. I wasted over an hour on this. Not great, @no.lol FYI
Unlocking React's potential with hooks? 🤔 While useEffect is a go-to for async tasks, don't overlook useLayoutEffect! Perfect for precise DOM updates, ensuring snappy, flicker-free UIs. Master its use and elevate your performance game! 🚀 #WebDevelopment #ReactHooks
February 15, 2025 at 3:44 PM
Unlocking React's potential with hooks? 🤔 While useEffect is a go-to for async tasks, don't overlook useLayoutEffect! Perfect for precise DOM updates, ensuring snappy, flicker-free UIs. Master its use and elevate your performance game! 🚀 #WebDevelopment #ReactHooks
✍ Register Now: bit.ly/4lnLi3u
Attend Free Master class on React 19
📅 Date/Time: 16th July 2025 | 7:15 AM (IST)
#ReactJS #React19 #FrontendTraining #WebDevelopment #ReactHooks #NareshIT #JavaScriptTraining #JNTU #OnlineTraining #ClassroomTraining
Attend Free Master class on React 19
📅 Date/Time: 16th July 2025 | 7:15 AM (IST)
#ReactJS #React19 #FrontendTraining #WebDevelopment #ReactHooks #NareshIT #JavaScriptTraining #JNTU #OnlineTraining #ClassroomTraining
July 14, 2025 at 11:31 AM
✍ Register Now: bit.ly/4lnLi3u
Attend Free Master class on React 19
📅 Date/Time: 16th July 2025 | 7:15 AM (IST)
#ReactJS #React19 #FrontendTraining #WebDevelopment #ReactHooks #NareshIT #JavaScriptTraining #JNTU #OnlineTraining #ClassroomTraining
Attend Free Master class on React 19
📅 Date/Time: 16th July 2025 | 7:15 AM (IST)
#ReactJS #React19 #FrontendTraining #WebDevelopment #ReactHooks #NareshIT #JavaScriptTraining #JNTU #OnlineTraining #ClassroomTraining
Two React Design Choices Developers Don’t Like, But Can’t Avoid — Deferred state commits and dependency arrays || #WebDev #ReactJS #ReactHooks bit.ly/3R6jYw7
Two React Design Choices Developers Don’t Like—But Can’t Avoid
Developers have never been shy about disliking certain React APIs. They feel awkward, restrictive, or...
bit.ly
April 28, 2026 at 10:01 PM
Two React Design Choices Developers Don’t Like, But Can’t Avoid — Deferred state commits and dependency arrays || #WebDev #ReactJS #ReactHooks bit.ly/3R6jYw7
Cascade Renders:
Component renders → effect runs → setState triggers another render.
If you find yourself using useEffect just to keep some state in sync with other state or props, pause. You probably don’t need that state at all. Derive it directly instead.
#ReactJS #NextJS #ReactHooks #WebDev
Component renders → effect runs → setState triggers another render.
If you find yourself using useEffect just to keep some state in sync with other state or props, pause. You probably don’t need that state at all. Derive it directly instead.
#ReactJS #NextJS #ReactHooks #WebDev
February 5, 2026 at 6:16 PM
Cascade Renders:
Component renders → effect runs → setState triggers another render.
If you find yourself using useEffect just to keep some state in sync with other state or props, pause. You probably don’t need that state at all. Derive it directly instead.
#ReactJS #NextJS #ReactHooks #WebDev
Component renders → effect runs → setState triggers another render.
If you find yourself using useEffect just to keep some state in sync with other state or props, pause. You probably don’t need that state at all. Derive it directly instead.
#ReactJS #NextJS #ReactHooks #WebDev
¿Cómo manejarías un escenario donde el servidor API tarda en responder y afecta la experiencia del usuario en la interfaz de BestBook? #ReactHooks
August 14, 2026 at 12:13 AM
¿Cómo manejarías un escenario donde el servidor API tarda en responder y afecta la experiencia del usuario en la interfaz de BestBook? #ReactHooks
Frontend routine: SWR is awesome. Most handy React Hooks lib I ever used 😍 #reactjs #reacthooks #swrhooks #typescript #nodejs #airon #tark
August 30, 2024 at 3:35 PM
Frontend routine: SWR is awesome. Most handy React Hooks lib I ever used 😍 #reactjs #reacthooks #swrhooks #typescript #nodejs #airon #tark
Tark Labs routine: #53: Use React hooks to use the same instance of SDK in the app (in our case, these are "face-detection" and "face-validness") 👍 #reacthooks #vitejs #webdev #typescript #nodejs #tarklabs #airontark
August 24, 2025 at 7:00 AM
Tark Labs routine: #53: Use React hooks to use the same instance of SDK in the app (in our case, these are "face-detection" and "face-validness") 👍 #reacthooks #vitejs #webdev #typescript #nodejs #tarklabs #airontark
React Hooks Face-Off! ⚡
useEffect vs useLayoutEffect — Do you know when to use which?
Perfect for JavaScript & React devs aiming to ace their next frontend interview in 2025!
Save this post — your future self will thank you!
#ReactHooks #useEffect #useLayoutEffect #ReactJS #FrontendDeveloper
useEffect vs useLayoutEffect — Do you know when to use which?
Perfect for JavaScript & React devs aiming to ace their next frontend interview in 2025!
Save this post — your future self will thank you!
#ReactHooks #useEffect #useLayoutEffect #ReactJS #FrontendDeveloper
August 20, 2025 at 10:34 AM
React Hooks Face-Off! ⚡
useEffect vs useLayoutEffect — Do you know when to use which?
Perfect for JavaScript & React devs aiming to ace their next frontend interview in 2025!
Save this post — your future self will thank you!
#ReactHooks #useEffect #useLayoutEffect #ReactJS #FrontendDeveloper
useEffect vs useLayoutEffect — Do you know when to use which?
Perfect for JavaScript & React devs aiming to ace their next frontend interview in 2025!
Save this post — your future self will thank you!
#ReactHooks #useEffect #useLayoutEffect #ReactJS #FrontendDeveloper
useReducer の実装サンプルで switch文で分岐させてるの、すごい違和感あったんだけど、TypeScriptだと型の気遣いが必要で入門ドキュメントとしては不適だとかそういう議論がきっとあったんだろうなぁと思うと優しさを感じてきた
qiita.com/getty104/ite...
qiita.com/getty104/ite...
ReactHooksでuseReducerを使うときにswitchを使わない - JavsScript編 - Qiita
ReactHooksでのuseReducerの参考実装ではよくswitchが使われていると思います。↓みたいな感じ。function reducer(state, action) { switch…
qiita.com
August 4, 2024 at 6:22 AM
useReducer の実装サンプルで switch文で分岐させてるの、すごい違和感あったんだけど、TypeScriptだと型の気遣いが必要で入門ドキュメントとしては不適だとかそういう議論がきっとあったんだろうなぁと思うと優しさを感じてきた
qiita.com/getty104/ite...
qiita.com/getty104/ite...
🚀 Built a custom `useTimer` hook for React—clean, reusable & no messy logic! ⏳
✅ Tracks time (days → seconds)
✅ Supports callbacks for updates
✅ Keeps your code neat & maintainable
Check it out! 👇
👉 medium.com/@achinthaisu...
#React #JavaScript #WebDev #ReactHooks #Frontend #FE
✅ Tracks time (days → seconds)
✅ Supports callbacks for updates
✅ Keeps your code neat & maintainable
Check it out! 👇
👉 medium.com/@achinthaisu...
#React #JavaScript #WebDev #ReactHooks #Frontend #FE
Not your usual React Countdown Timer Hook.
Ever wanted to create a countdown timer in React? Well, you’re in the right place!
medium.com
February 9, 2025 at 3:28 AM
🚀 Built a custom `useTimer` hook for React—clean, reusable & no messy logic! ⏳
✅ Tracks time (days → seconds)
✅ Supports callbacks for updates
✅ Keeps your code neat & maintainable
Check it out! 👇
👉 medium.com/@achinthaisu...
#React #JavaScript #WebDev #ReactHooks #Frontend #FE
✅ Tracks time (days → seconds)
✅ Supports callbacks for updates
✅ Keeps your code neat & maintainable
Check it out! 👇
👉 medium.com/@achinthaisu...
#React #JavaScript #WebDev #ReactHooks #Frontend #FE
ほんとですねw でも僕のあの記事の本質 Indexed Monad じゃない気もしているので、mrsekut さんのこちらをどうぞ……
scrapbox.io/mrsekut-p/pu...
scrapbox.io/mrsekut-p/pu...
purescript-react-basic-hooksはIxMonadでHooksの順序を規定する - mrsekut-p
React Hooksには「毎回のrenderingにて、呼び出されるhookの順序は同じでなければならない」というルールがある ref ReactHooksのルール React HooksのPureScript実装であるpurescript-react-basic-hooksでは、その順序のルールをIndexedモナドを用いて型レベルで規定している これによって、順序の正しさをコンパイラが静的に
scrapbox.io
May 9, 2024 at 12:38 AM
ほんとですねw でも僕のあの記事の本質 Indexed Monad じゃない気もしているので、mrsekut さんのこちらをどうぞ……
scrapbox.io/mrsekut-p/pu...
scrapbox.io/mrsekut-p/pu...
I turned on "rules of hooks" in my linter. RIP two workdays. I had working code in prod for over a year, though with a few oversights. I've definitely had some "wtf, my data is not reloading as it should"... #react #reacthooks #coding #refactor
November 3, 2025 at 3:50 PM
I turned on "rules of hooks" in my linter. RIP two workdays. I had working code in prod for over a year, though with a few oversights. I've definitely had some "wtf, my data is not reloading as it should"... #react #reacthooks #coding #refactor
Frontend routine: Pretty nice React hook callback to reuse after Adyen 3ds callback to your app. #reactjs #frontend #typescript #adyen #nodejs #reacthooks #tarklab #airontark
April 23, 2025 at 5:00 AM
Frontend routine: Pretty nice React hook callback to reuse after Adyen 3ds callback to your app. #reactjs #frontend #typescript #adyen #nodejs #reacthooks #tarklab #airontark
🔸 React's useEffect keeps running in a loop
This usually happens when dependencies in the array are incorrectly set. Review the dependency array to avoid unnecessary re-executions.
#ReactHooks #InfiniteLoopFix #Softwareentwickler
This usually happens when dependencies in the array are incorrectly set. Review the dependency array to avoid unnecessary re-executions.
#ReactHooks #InfiniteLoopFix #Softwareentwickler
March 6, 2025 at 7:59 AM
🔸 React's useEffect keeps running in a loop
This usually happens when dependencies in the array are incorrectly set. Review the dependency array to avoid unnecessary re-executions.
#ReactHooks #InfiniteLoopFix #Softwareentwickler
This usually happens when dependencies in the array are incorrectly set. Review the dependency array to avoid unnecessary re-executions.
#ReactHooks #InfiniteLoopFix #Softwareentwickler
So........if I decide to use @reactjs hooks for all projects going forward does that make me a hooker? Asking for a friend. #ReactHooks #ReactJS
December 2, 2024 at 4:54 PM
So........if I decide to use @reactjs hooks for all projects going forward does that make me a hooker? Asking for a friend. #ReactHooks #ReactJS
Learn #ReactHooks & #FluentUI React for #SharePointFramework apps - new lessons in the republished React chapter in my course. Learn about the March 2024 update of Mastering the #SPFx course & check out the first lesson for free here: https://t.co/S0umbW61lP
November 19, 2024 at 7:45 PM
Learn #ReactHooks & #FluentUI React for #SharePointFramework apps - new lessons in the republished React chapter in my course. Learn about the March 2024 update of Mastering the #SPFx course & check out the first lesson for free here: https://t.co/S0umbW61lP
Miss this week’s newsletter? 😭
Learn why #Microsoft365Devs should embrace #React Hooks for their apps to benefit from better performance & code readability + learn about #ReactHooks & how to use them in your apps!
No worries, get the article now!👇
https://t.co/IRz7MNWpGT
Learn why #Microsoft365Devs should embrace #React Hooks for their apps to benefit from better performance & code readability + learn about #ReactHooks & how to use them in your apps!
No worries, get the article now!👇
https://t.co/IRz7MNWpGT
Why React Hooks: Enhancing Code Performance and Readability
Discover what React Hooks are, why developers choose them over class components, and learn how to convert your SPFx projects to React Hooks in this article.
www.voitanos.io
November 19, 2024 at 7:21 PM
Miss this week’s newsletter? 😭
Learn why #Microsoft365Devs should embrace #React Hooks for their apps to benefit from better performance & code readability + learn about #ReactHooks & how to use them in your apps!
No worries, get the article now!👇
https://t.co/IRz7MNWpGT
Learn why #Microsoft365Devs should embrace #React Hooks for their apps to benefit from better performance & code readability + learn about #ReactHooks & how to use them in your apps!
No worries, get the article now!👇
https://t.co/IRz7MNWpGT
🚀 Hey #Microsoft365Dev’s! #ReactHooks are the way to go for most, but #SharePointFramework devs still rock class components.
Find out why in my next newsletter issue… subscribe today so it’s in your inbox tomorrow! #React #SPFx https://www.voitanos.io/newsletter
Find out why in my next newsletter issue… subscribe today so it’s in your inbox tomorrow! #React #SPFx https://www.voitanos.io/newsletter
Newsletter - The Full Stack Dev's Microsoft 365 Playbook
I scour all the Microsoft 365 news so YOU DON'T HAVE TO. Join 9,500+ fellow full-stack developers for news &insights. 100% free · unsubscribe anytime.
www.voitanos.io
November 19, 2024 at 7:21 PM
🚀 Hey #Microsoft365Dev’s! #ReactHooks are the way to go for most, but #SharePointFramework devs still rock class components.
Find out why in my next newsletter issue… subscribe today so it’s in your inbox tomorrow! #React #SPFx https://www.voitanos.io/newsletter
Find out why in my next newsletter issue… subscribe today so it’s in your inbox tomorrow! #React #SPFx https://www.voitanos.io/newsletter
In episode 9 of #CloudDevClarity, @andrewconnell & @jfj1997 discuss @Reactjs hooks, define the differences between class & functional components, & share some opinions. #reactjs #reacthooks https://youtu.be/1fItx3o4k_Q
November 19, 2024 at 7:16 PM
In episode 9 of #CloudDevClarity, @andrewconnell & @jfj1997 discuss @Reactjs hooks, define the differences between class & functional components, & share some opinions. #reactjs #reacthooks https://youtu.be/1fItx3o4k_Q
Okay, this talk that @ryanflorence is doing at #ReactConf is blowing my mind. Just a quick Redux-like rewrite using #ReactHooks in a few minutes. Yay, co-location!
November 18, 2024 at 11:37 PM
Okay, this talk that @ryanflorence is doing at #ReactConf is blowing my mind. Just a quick Redux-like rewrite using #ReactHooks in a few minutes. Yay, co-location!
One more brownbag is coming! 🚀
Join Iasmim Cristina in her presentation "Custom Hooks possible issues: state sharing" at 12:30 BRT
Click on the link so you don't miss out!
bit.ly/4jsy7MK
#codeminer42 #brownbag #reacthooks
Join Iasmim Cristina in her presentation "Custom Hooks possible issues: state sharing" at 12:30 BRT
Click on the link so you don't miss out!
bit.ly/4jsy7MK
#codeminer42 #brownbag #reacthooks
Custom Hooks possible issues: state sharing by Iasmim Cristina
Custom hooks are very useful in React. However, using them carelessly can lead to issues. So, to help you avoid turning this potential ally into a foe, let’s...
bit.ly
June 5, 2025 at 1:05 PM
One more brownbag is coming! 🚀
Join Iasmim Cristina in her presentation "Custom Hooks possible issues: state sharing" at 12:30 BRT
Click on the link so you don't miss out!
bit.ly/4jsy7MK
#codeminer42 #brownbag #reacthooks
Join Iasmim Cristina in her presentation "Custom Hooks possible issues: state sharing" at 12:30 BRT
Click on the link so you don't miss out!
bit.ly/4jsy7MK
#codeminer42 #brownbag #reacthooks