⇦
Home
Jargon Free Introductions
Infographics that explain web dev concepts in plain English.
Thanks for subscribing! 👋
When to use a state management library to solve React's render performance issues?
Limitations of handling state with React's in-built state management?
How do state management libraries solve these limitations?
Why can't we use React's useContext to solve state management issues?
Read
17 slides / 5 mins
Why React re-renders & when do we need to worry about it?
When does React re-render a component & how do we avoid them?
Do we need to worry about unnecessary re-renders?
How do we approach optimizing rendering performance?
Read
12 slides / 3 mins
Paid
Rendering patterns
Why does it matter?
Client-side rendering
Server-side rendering
Static-site generation
Combining rendering patterns
What to use when?
Preview
34 slides / 20 mins
How to fetch data in React with render performance in mind?
What kind of re-renders are we trying to optimize?
What do we mean by 'colocating data fetching & mutations with components'?
What are the gotchas wrt. the suggested approach?
Read
14 slides / 4 mins
Want to be notified when I add a new explainer?
Submit
I create about one or two of these every month (whenever I find time between my webdev work) & you can unsubscribe at any time. 💨
Why can't we use await outside async functions?
When do we use callbacks, promises and await
What are the gotchas specific to await
How async functions helps prevent the gotchas specific to await
Read
10 slides / 2 mins
Why does immutability matter for React?
What is mutability - immutability in JavaScript?
Why does it matter for React?
What are some gotchas resulting from React's requirement of immutability?
Read
13 slides / 4 mins
React Component Composition - what problem does it solve?
What does React components composition mean?
What problems does it solve?
Read
6 slides / 3 mins
Why does React have a Virtual DOM?
What is DOM?
Declarative UI coding with React
How Virtual DOM helps React prevent render performance issues.
Read
13 slides / 4 mins
React one-way data flow - how does it make writing UI code easier?
What does one-way data flow in React mean?
How does it help us write & manage our UI code?
Read
5 slides / 3 mins
What is Hydration & why does it concern us?
What is Hydration & why does it concern us?
Read
7 slides / 4 mins
What is Server-side rendering & how is SSR with JavaScript different?
Pros and limitations of server-side rendering.
Is Server-side rendering a JavaScript thing?
What's different about SSR with JavaScript?
Read
8 slides / 4 mins
What is Client-side rendering & what are it's limitations?
How does client-side rendering facilitate rich interactivity?
What problems can arise from a client-side rendered content?
Read
7 slides / 3 mins
What is Static-site generation & how can we serve fast changing content with it?
What kind of sites can leverage Static site generation?
How are the frameworks evolving to deliver fast changing content with SSG?
Read
8 slides / 4 mins
How is server-side rendering with JS different?
What feature does JS based server-side rendering offer that the traditional server-side rendering doesn't?
Read
6 slides / 3 mins
What problem does Incremental Static Regeneration (ISR) solve?
What are the limitations of statically generated sites?
How does incremental static generation solve them?
Read
9 slides / 4 mins
Scaling Node.js Applications
How to scale Node.js applications horizontally & vertically
Read
22 slides / 10 mins
What is Edge Computing (wrt. CDNs) & when to use it?
How CDN Edge Computing works
What are various considerations when leveraging CDN Edge Computing
Read
27 slides / 12 mins
Cookies vs local storage - what to use when?
How does the data stored in cookies vs local storage differ?
Why choose one over the other for a specific need?
Read
8 slides / 4 mins
Intersection Observer - what is it's use?
How to setup Intersection Observer
Intersection Observer API options
Read
5 slides / 2 mins
Want to be notified when I add a new explainer?
Submit
I create about one or two of these every month (whenever I find time between my webdev work) & you can unsubscribe at any time. 💨
Copyright (c) 2017-2024 Tezify All Rights Reserved. Created in India. GSTIN : 24BBQPS3732P1ZW.