React Digest #371: Advanced React component composition
#371 — August 29, 2022 | View in browser |
React Digest
Spread the word, build the community, share the knowledge with your friends.
sponsor
You don’t have to be a frontend expert to build beautiful apps. Retool helps.
Retool offers a component library and app-building framework in one, powerful platform. Drag and drop 100+ UI components to build any interface—then connect your data, deploy the app, and share with your users. Ship in record time with easy-to-use settings, styles, and themes.
this week's favorite
Advanced React component composition
A deep dive on composition in React. Learn the key principles for designing and building reusable components that scale.
When to break up a component into multiple components
Did you know that you could write any React Application as a single React Component? There's absolutely nothing technically stopping React from putting your entire application into one giant component. Your function would be HUGE. There'd be a TON of hooks for state and side-effects, but it's totally possible.
While learning how to implement these advanced topics in React without any form library, you will get to know how form libraries would perform these tasks for you. Eventually you will use such form library yourself, for example React Hook Form, to accomplish these more advanced tasks for you.
Building a chat - Browser Notifications with React, Websockets and Web-Push 🤯
In this final article, we'll extend the chat application features. You will learn how to keep your users engaged by sending them desktop notifications when they are not online and how you can read and save the messages in a JSON file.
ReacType 13.0 — React State Management & Prop Drilling Made Easy
Do you spend hours prop drilling within your React application? Have you been told to abandon it altogether in favor of a hefty, state management library?
projects
Implementing collaboration has never been easier
Transform your application within hours thanks to ready-to-use features like comments, track changes, real-time collaboration, and version history. Meet CKEditor, the next-gen rich text editor that can be tailored to your needs and its native React integration. Start your free trial to test it right away and let your users enjoy a collaborative experience in your software!
how did you like this issue?
1 = didn't like it at all and 5 = loved it and shared it with everyone I know
newsletters
Older messages
React Digest #370: Why React Re-Renders
Monday, August 22, 2022
And more news, tutorials and articles about React in this week's issue. #370 — August 22, 2022 View in browser React Digest Spread the word, build the community, share the knowledge with your
React Digest #369: React re-renders guide: everything, all at once
Sunday, August 14, 2022
And more news, tutorials and articles about React in this week's issue. #369 — August 15, 2022 View in browser React Digest Spread the word, build the community, share the knowledge with your
React Digest #368: I was creating Forms the wrong way
Sunday, August 7, 2022
And more news, tutorials and articles about React in this week's issue. #368 — August 08, 2022 View in browser React Digest Spread the word, build the community, share the knowledge with your
React Digest #367: React State Management in 2022
Sunday, July 31, 2022
And more news, tutorials and articles about React in this week's issue. #367 — August 01, 2022 View in browser React Digest Spread the word, build the community, share the knowledge with your
React Digest #366: Reading Source Code: React
Sunday, July 24, 2022
And more news, tutorials and articles about React in this week's issue. #366 — July 25, 2022 View in browser React Digest Spread the word, build the community, share the knowledge with your friends
You Might Also Like
Is there more to your iPhone?
Monday, November 25, 2024
Have you ever wondered if there's more to your iPhone than meets the eye? Maybe you've been using it for years, but certain powerful features and settings remain hidden. That's why we'
🎉 Black Friday Early Access: 50% OFF
Monday, November 25, 2024
Black Friday discount is now live! Do you want to master Clean Architecture? Only this week, access the 50% Black Friday discount. Here's what's inside: 7+ hours of lessons .NET Aspire coming
Open Pull Request #59
Monday, November 25, 2024
LightRAG, anything-llm, llm, transformers.js and an Intro to monads for software devs ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
Last chance to register: SecOps made smarter
Monday, November 25, 2024
Don't miss this opportunity to learn how gen AI can transform your security workflowsㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ elastic | Search. Observe. Protect
SRE Weekly Issue #452
Monday, November 25, 2024
View on sreweekly.com A message from our sponsor, FireHydrant: Practice Makes Prepared: Why Every Minor System Hiccup Is Your Team's Secret Training Ground. https://firehydrant.com/blog/the-hidden-
Corporate Casserole 🥘
Monday, November 25, 2024
How marketing and lobbying inspired Thanksgiving traditions. Here's a version for your browser. Hunting for the end of the long tail • November 24, 2024 Hey all, Ernie here with a classic
WP Weekly 221 - Bluesky - WP Assets on CDN, Limit Font Subsets, ACF Pro Now
Monday, November 25, 2024
Read on Website WP Weekly 221 / Bluesky Have you joined Bluesky, like many other WordPress users, a new place for an online social presence? Also in this issue: CrawlWP, Asset Management Framework,
🤳🏻 We Need More High-End Small Phones — Linux Terminal Setup Tips
Sunday, November 24, 2024
Also: Why I Switched From Google Maps to Apple Maps, and More! How-To Geek Logo November 24, 2024 Did You Know Medieval moats didn't just protect castles from invaders approaching over land, but
JSK Daily for Nov 24, 2024
Sunday, November 24, 2024
JSK Daily for Nov 24, 2024 View this email in your browser A community curated daily e-mail of JavaScript news JavaScript Certification Black Friday Offer – Up to 54% Off! Certificates.dev, the trusted
OpenAI's turbulent early years - Sync #494
Sunday, November 24, 2024
Plus: Anthropic and xAI raise billions of dollars; can a fluffy robot replace a living pet; Chinese reasoning model DeepSeek R1; robot-dog runs full marathon; a $12000 surgery to change eye colour ͏ ͏