React Digest #321: Taming the beast that is CSS-in-JS
#321 — September 13, 2021 | View in browser |
React Digest
Spread the word, build the community, share the knowledge – invite your friends.
sponsor
A Quick Guide to Dropdown Menus With React
Dropdowns are everywhere! This blog explores some of the key dropdown types and form components you can chose from - all through implementation examples and real-life use cases. Check it out.
this week's favorite
Taming the beast that is CSS-in-JS
CSS-in-JS is awesome. When it was gaining traction I remember how freeing it was to use it – in a time when custom properties weren't widely available they allowed us to create rich dynamic experiences right inside JavaScript! Even better consuming a component library from NPM without needing inane bundler configuration was made into a reality, just import and go!
Why react hooks shouldn’t be called conditionally
State management in react hooks behaves like arrays. State lives one level outside of react components being rendered.
Fetching data with React hooks
The idea of this post is to introduce the basic concepts necessary to consume apis using the React hooks. We will start with the simplest solutions and end up implementing a custom hook that can be reused within our app.
How to learn React - The effective way
At this point of time, when you have learned JavaScript essentials, it is time for you to dive into React. You can start learning React by taking a look at React Official Docs or by taking their React Official Tutorial to get some idea of how React works. React Docs are very well written covering the fundamentals of React. Learn these topics very well to understand React fundamentally.
React polymorphic components with TypeScript
A polymorphic component is a popular React pattern. Even if you’ve never heard of it, you most likely encountered it in code. In a nutshell, the pattern lets you specify which HTML tag to use for rendering your component using as prop.
newsletters
Key phrases
Older messages
React Digest #320: How to build React portfolio projects that get you a job
Sunday, September 5, 2021
And more news, tutorials and articles about React in this week's issue. #320 — September 06, 2021 View in browser React Digest Spread the word, build the community, share the knowledge – invite
Design patterns in JavaScript
Sunday, August 29, 2021
And more news, tutorials and articles about React in this week's issue. #319 — August 30, 2021 View in browser React Digest Spread the word, build the community, share the knowledge – invite your
Creating our own React from scratch
Sunday, August 22, 2021
And more news, tutorials and articles about React in this week's issue. #318 — August 23, 2021 View in browser React Digest Spread the word, build the community, share the knowledge – invite your
Catching errors in React with error boundaries
Sunday, August 15, 2021
And more news, tutorials and articles about React in this week's issue. #317 — August 16, 2021 View in browser React Digest Spread the word, build the community, share the knowledge – invite your
Accessibility testing with Storybook
Sunday, August 8, 2021
And more news, tutorials and articles about React in this week's issue. #316 — August 09, 2021 View in browser React Digest Spread the word, build the community, share the knowledge – invite your
You Might Also Like
Architecture Weekly #178 - 6th May 2024
Monday, May 6, 2024
This time, we discussed biases. Biases on the perspective on our technologies, so not seeing their evolutions. We also checked how biases can impact our knowledge, collaboration and eventually also the
WP Weekly 192 - WP Biz - Brands Merged, Woo Cart Popup, Fastest Hosting
Monday, May 6, 2024
Read on Website WP Weekly 192 / WP Biz The 'business of WordPress' is buzzing for sure, be it the acquisition of plugins or the massive Envato ownership change. Also, WordPress content brands
SRE Weekly Issue #423
Monday, May 6, 2024
View on sreweekly.com A message from our sponsor, FireHydrant: FireHydrant is now AI-powered for faster, smarter incidents! Power up your incidents with auto-generated real-time summaries,
⚠️ Avoiding AI Scams on Social Media — An Open Source Google Photos Alternative
Sunday, May 5, 2024
Also: Reviewing the Customizable Drop Mechanical Keyboard, and More! How-To Geek Logo May 5, 2024 📩 Get expert reviews, the hottest deals, how-to's, breaking news, and more delivered directly to
Daily Coding Problem: Problem #1432 [Medium]
Sunday, May 5, 2024
Daily Coding Problem Good morning! Here's your coding interview problem for today. This question was asked by Snapchat. Given the head to a singly linked list, where each node also has a “random”
PD#572 Good Ideas in Computer Science
Sunday, May 5, 2024
Ideas every programmer likes and why Garbage Collection and Object Oriented Programming don't count
RD#454 API Layer & Fetch Functions
Sunday, May 5, 2024
ixing API and UI code quickly leads to messy and unmaintainable code
The Shiny Toy Syndrome & Tiny macOS utility apps I love
Sunday, May 5, 2024
Lex launching its redesign, Raycast shares another monthly update packed with AI updates, prompts should be designed not engineered, and a lot more in this week's issue of Creativerly. Creativerly
Hyundai antes up $1B for AV startup Motional and Elon unplugs the Tesla Supercharger team
Sunday, May 5, 2024
Plus, layoffs come for Luminar, Fisker and Ola View this email online in your browser By Kirsten Korosec Sunday, May 5, 2024 Image Credits: Motional Welcome back to TechCrunch Mobility — your central
C#504 Adventures serializing absolutely everything in C#
Sunday, May 5, 2024
A fantastic journey porting Newtonsoft.Json to System.Text.Json