Turned an 8-prop table component into a compound component using React Context. Now it needs just 1 prop:

Repo: github.com/dkeshavl/com...
Live : compound-table.vercel.app

Support : buymeacoffee.com/dkeshavl
#react #contextapi #compoundcomponents #propdrilling

¿#Redux,  #ContextAPI o #Zustand? ⚛️
En este análisis, Simone Rosso explica las diferencias entre las tres arquitecturas más usadas para la #gestionDeEstado en #React.

👉 Léelo completo en: https://f.mtr.cool/llsspnicbu

#stagemanagement #dev #devtools

While there is a clear connect where we render between UI and data, as data is shared it gets harder to unwind. It's kinda like the ContextAPI. People usually don't store Components in there. Anyway I'm getting beyond scope of the article. I mostly just wanted to say:

When React components break up: 💔
'It's not you, it's me...and your prop drilling.'
*cue dramatic music*
Let's simplify this mess: Context, baby! 💡
#ReactDrama #ComponentLife #ContextAPI

Demo of Amazon Clone using ReactJS, ContextAPI/ Redux, Firebase, Express, Cors, Stripe and BEM.

Loving ContextAPI. Few components can share the context together and it's pretty amazing

the application leverages react context to manage the websocket client state and make it accessible across components. #google #gemini #reactjs #contextapi #frontend

La #ContextAPI vous connaissez ? On vous dit tout sur cette nouveauté 👉 http://goo.gl/NnANWZ #React #reactjs

To add a dynamic theme switcher in React, use the Context API for theme state. Create a ThemeContext with a provider that toggles theme variables. Use CSS variables for colors and consume the context in components to adjust styles. 🌈 #ReactJS #WebDev #ContextAPI

Thank you Mark. As I'm still learning react I was thinking about that. Personally I like ContextAPI more. Redux is so messy

Faz muito tempo que não mexo com ambos, tudo o que eu diria agora seria um pouco de hipótese. Mas assim, na época que mexia, react tinha um gerenciamento de estado que era o contextAPI, não era escalável apenas. Mas lembro que uma das razões pra ele não ser framework era gerenciar estados.

Aliás nessa etapa voltando a mexer no frontend, tá sendo legal lidar com a contextApi do React. Fácil e simples pra gerenciar estados compartilhados. Antes, tentei o zustand, mas achei que trouxe mais complexidade do que o necessário em um primeiro momento.

redux, mesmo usando toolkit, hoje em dia adciona muito boilerplate, o pessoal tem usado mais ContextApi (do react) ou zustand mesmo, vejo cenários que ambos podem serem utilizados juntos.