If you don’t see the performance issues yet, it doesn't mean they don’t exist 😄 Content Intro 1. Troubleshooting the redundant rerender 2. Reducing the rerender by splitting the component 3. What is instance re-creation and how to avoid it? 4. Don’t be lazy with Lazy loading 5. Why and When…

Don’t let your React component become a Frankenstein Content Intro 1. The power of Namespaces 2. Splitting to sub-components and sharing the state 3. Custom hooks for scaling and readability Conclusion Github Link Learn More Intro Join Medium with my referral link - Vitalii Shevchuk As a Medium member, a portion of your membership fee goes to writers you read, and you get full access to every story…easy-web.medium.com

If you just started your System Design journey, the compilation of this concept will help you to kickstart with the basics. — Content Intro Client-server model Network Protocols Storage Latency and Throughput Availability Cache Proxy Load Balancer Hashing Database Key-value store Specialized storage paradigms Replication and sharding Leader Election Peer to Peer Polling and Streaming Configuration

If you are preparing for a frontend interview and want to quickly refresh your frontend domain knowledge, this cheatsheet will save you a lot of time. Content Intro Web Knowledge 1. Caching 2. HTTP/2 3. Security Web Performance 1. Critical Rendering Path 2. Reflow 3. preload, preconnect, prefetch, prerender 4. Rendering…

We will explain the memory management in JS that will help you to optimize your applications Content Intro Understanding JavaScript Memory Management 1. Garbage collector 2. Stack vs Heap Common Causes of Memory Leaks 1. Circular reference 2. Event Listeners 3. Global variables Best Practices for Manual Memory Management 1. Using…

Achieve Typescript mastery with a 21-steps guide, that takes you from Padawan to Obi-Wan. Content Intro Best Practice 1: Strict Type Checking Best Practice 2: Type Inference Best Practice 3: Linters Best Practice 4: Interfaces Best Practice 5: Type Aliases Best Practice 6: Using Tuples Best Practice 7: Using any Type …

Dive into JavaScript concepts and discover the highs, the lows, and the ugly truths of coding in this popular programming language Content Intro 1. What is Good about Javascript concepts? Event Loop Closure Context 2. What contributed to JS's Bad Reputation Inheritance Hoisting Type Coercion 3. What are the Ugly parts…

Combining the best from pagination and infinite scroll to enhance user experience and performance — Content Intro 3 options to optimize the performance of long lists 1. The Pagination 2. Infinite Scroll 3. Virtual Scroll Building Virtual Scroll using React GitHub Link Conclusion Learn More Intro Every developer, especially the front end, must be writing the code with performance in mind. You can not write web applications…

For those who don’t want to spend days on aligning divs Content Intro 1. Take full control of React Component styling with CSS module 2. Styling without CSS using Charka UI 3. The king of React styling — styled-components Conclusion Learn More Intro Join Medium with my referral link - Vitalii Shevchuk As a Medium member, a portion of your membership fee goes to writers you read, and you get full access to every story…easy-web.medium.com