Explore the World's Best Ideas
Join today and uncover 100+ curated journeys from 50+ topics. Unlock access to our mobile app with extensive features.
When coding in a declarative style, you only need to define how you want your data to look and the computer will do it for you.
React gives us JSX and hooks for that.
JSX brings HTML into JS. You just tell React how your UI should look, and he takes care of every document.createElement , document.querySelector(...)[...] = ... and all that fun stuff for you.
Ever wondered why a component can only return one element? Because that element will become the root of your component that React will diff check to see if the UI change and he should appendChild something or setAttribute other.
7
14 reads
MORE IDEAS ON THIS
How do hooks know to return the correct state?
Unlike class components, functions don't hold state (let's not talk about ... this 😨) . But React has to save your state or the previous values of your useEffect deps somewhere. We can cheat a bit by creating...
7
24 reads
A component is an indivisible, reusable parts of your code. We use them to better organize our ui, implement separation of concerns and avoid code duplication. But React also likes when we use them smart.
When something changes in your app and a re-rerender is triggered, that update doesn't...
7
12 reads
React is a declarative component based UI library developed with the learn once write anywhere philosophy in mind.
This definition suits react quite perfectly. Straight to the po...
7
33 reads
If your component needs async data, you will either have to
This is where
7
12 reads
I just said that React doesn't immediately commit updates to the DOM because they are slow. Sometimes though, even in memory updates can be slow. Traditionally, rendering is blocking. Once a render starts, it can't be stopped. This can delay a DOM update by too much making the experience choppy
7
11 reads
When you learn to code, you are though procedural programing, which is a form of imperative programing. You are thought to tell the computer step by step what to do.
This works fine for a independent, pure function which doesn't care about anything else outside it's scope. But when doing UI...
7
28 reads
React 18 will support some new awesome features that will help us overcome these issues.
7
18 reads
React 18 brings huge improvements to server side rendering. Now when performing SSR we have to
7
13 reads
Here is another one. You press a button that takes you to another screen. You start fetching the data for that screen. In the meantime, a white screen or maybe a spinner.
But why. Why did the developer made you see that other screen if it wasn't ready to be shown. Well... because they coul...
7
13 reads
CURATED FROM
IDEAS CURATED BY
This explains what React is, how it works behind the scenes and its new features. Researching for this really helped me get a clearer picture of the matter in my head
“
Other curated ideas on this topic:
Code Avengers offers a fun and interactive approach to learning how to program and code. There are various course options to teach you how to create everything from games and apps to entire websites. The good thing about the Code Avengers website is you...
Code Conquest is less of a course website and more of a comprehensive guide for beginners diving into the world of code. This amazing platform will help you understand all of the basics of coding in no time – even if you’re brand-new to the landscape.
A simple and effective website for learning how to code and building your existing skills. There are tons of videos and demos to walk you through the process of learning how to code from scratch. All you need to do is click on one of the things you want to learn how to do, like creating a simple ...
Read & Learn
20x Faster
without
deepstash
with
deepstash
with
deepstash
Personalized microlearning
—
100+ Learning Journeys
—
Access to 200,000+ ideas
—
Access to the mobile app
—
Unlimited idea saving
—
—
Unlimited history
—
—
Unlimited listening to ideas
—
—
Downloading & offline access
—
—
Supercharge your mind with one idea per day
Enter your email and spend 1 minute every day to learn something new.
I agree to receive email updates