📰 Dev.to · Ogasawara Kakeru
Articles from Dev.to · Ogasawara Kakeru · 20 articles · Updated every 3 hours · View all reads
All
⚡ AI Lessons (11862)
ArXiv cs.AIDev.to · FORUM WEBDev.to AIForbes InnovationOpenAI NewsHugging Face Blog
Dev.to · Ogasawara Kakeru
1d ago
ReactJs Performance ~Code Splitting and lazy Loading Storatrgies~
The size of your JavaScript bundle directly impacts your First Contentful Paint (FCP) and Largest...
Dev.to · Ogasawara Kakeru
2d ago
ReactJs Performance ~React Compiler~
React 19 introduced the React Compiler to optimize components without useMemo or...
Dev.to · Ogasawara Kakeru
5d ago
ReactJs Performance ~React Rendering Pattern~
・Before dealing with performance optimization, we have to understand React Rendering Pattern, which...
Dev.to · Ogasawara Kakeru
1w ago
ReactJs Performance Strategy Profiler
You can measure the performance of the app by wrapping the component tree with...
Dev.to · Ogasawara Kakeru
1w ago
ReactJS ~Clean Code DRY~
Clean code is DRY DRY is an acronym that stands for Don't Repeat Yourself. If you are doing the same...
Dev.to · Ogasawara Kakeru
1w ago
ReactJS ~Server Functions~
・The sever functions in React is the asynchronous function in server component that can be called...
Dev.to · Ogasawara Kakeru
2w ago
ReactJS SOLID Principle ~ DIP (Dependency Inversion Principle)~
・The dependency that imports an extra module should depend on the abstract interface, but not the...
Dev.to · Ogasawara Kakeru
3w ago
ReactJS SOLID Principle ~OCP (Open Closed Principle)~
The OCP principle states that: The extent of the component or function should be open, and its...
Dev.to · Ogasawara Kakeru
3w ago
ReactJS SOLID Principle ~SRP (Single Responsibility Principle)~
In the context of React, this can be rephrased to mean that there should be only one reason to change...
Dev.to · Ogasawara Kakeru
1mo ago
ReactJS Anti Pattern ~Props missing HTML attributes~
When designing shared components, it is essential to ensure that the native behavior of HTML is not...
Dev.to · Ogasawara Kakeru
1mo ago
ReactJS Anti Pattern ~Too abstract props~
・Too abstract props lead to repetitive boilerplate implementations in component callers, resulting in...
Dev.to · Ogasawara Kakeru
1mo ago
ReactJS Anti Pattern ~Ignoring Key Prop Warnings~
The Problem:React relies on unique keys to track elements in lists. Ignoring key warnings results in...
Dev.to · Ogasawara Kakeru
1mo ago
ReactJS Anti Pattern ~Passing Setters Down the Components Tree~
・The following example allows a developer to pass the setter function directly to its child...
Dev.to · Ogasawara Kakeru
1mo ago
ReactJS Anti Pattern ~useEffect~
・One of the most common anti-patterns is when developers manage a state that can be calculated using...
Dev.to · Ogasawara Kakeru
1mo ago
ReactJS(NextJs) Rendering Pattern ~Incremental Static Regeneration (ISR)~
・ISR is a feature in the NextJS framework for React that allows you to update static pages after they...
Dev.to · Ogasawara Kakeru
1mo ago
ReactJS(NextJs) Rendering Pattern ~Static Rendering (SSG)~
SSG ・The SSG (Static Site Generator) generates an HTML file once during the build, allowing us to...
Dev.to · Ogasawara Kakeru
2mo ago
ReactJS Design Pattern ~Reducer Pattern~
・Reducer Pattern can be used when you have multiple states depending on complex logic. If you utilize...
Dev.to · Ogasawara Kakeru
2mo ago
ReactJS Design Pattern ~Partial Render~
・This pattern shows alternative data instead of the data you exactly want to show when fetching data...
Dev.to · Ogasawara Kakeru
2mo ago
ReactJS Design Pattern ~Optimistic UI Update~
・This pattern enables you to update the UI synchronously with useOptimistic hook while an async...
Dev.to · Ogasawara Kakeru
2mo ago
ReactJS Design Pattern ~Empty State Pattern~
・This pattern is providing helpful message or guidance in case lists or contents are empty. Thanks to...
DeepCamp AI