SMY - Blog

Browser Tab Leader Pattern: Stop Wasting API Calls Across Browser Tabs
7/4/2025•28 views•7 min read•0 likes
web development
react
browsers
tips
apis
optimization
typescript
javascript
Use the tab leader pattern to reduce redundant API calls, improve performance, and enhance user experience across multiple browser tabs
Shadow DOM: The Ultimate Solution for Embedding Third-Party HTML Without CSS Conflicts
7/2/2025•19 views•7 min read•0 likes
web development
shadowdom
react
next.js
design
css
iframe
Learn to use Shadow DOM to resolve CSS conflicts in third-party HTML with a guide featuring best practices and examples
Which Github Copilot Version is Best for Refactoring Basic React and TypeScript? 4o, o1, 3.5, or 3.7 Sonnet
2/26/2025•87 views•6 min read•1 likes
copilot
llm
generative ai
react
typescript
javascript
refactoring
large language models
gpt-4o
Discover the best Github Copilot version for refactoring React and TypeScript: comparing 4o, o1, 3.5, and 3.7
TypeScript SDK Development: A 5-year-old could follow this step-by-step ~ Part 4, Publishing to NPM
6/25/2024•17 views•3 min read•0 likes
typescript
library
react
web development
webdev
Publish your first SDK to NPM
TypeScript SDK Development: A 5-year-old could follow this step-by-step ~ Part 3, Making Test Apps
6/25/2024•19 views•4 min read•0 likes
typescript
library
web development
webdev
react
Make Test Apps for React, Common JS Node, ESM Node, and Browser
TypeScript SDK Development: A 5-year-old could follow this step-by-step ~ Part 5, CDN for Browsers
6/25/2024•21 views•2 min read•0 likes
sdk
library
typescript
web development
webdev
react
Develop Your First TypeScript Library
TypeScript SDK Development: A 5-year-old could follow this step-by-step ~ Part 1, our first MVP
6/25/2024•64 views•4 min read•0 likes
sdk
typescript
node.js
react
commonjs
ecmascript
library
web development
webdev
Develop Your first TypeScript Library
Authenticated Protected Routing using NextJS Middleware and NextAuth
6/18/2024•122 views•4 min read•3 likes
next.js
middleware
javascript
typescript
react
nextauth.js
routing
authentication
authorization
validation
Enhancing Next.js Security with NextAuth.js and Custom Middleware Validate user path access on edge with NextAuth & Next.js Middleware
Authenticated Protected Role-based Routing using Next.js and HOC
12/8/2022•4,658 views•3 min read•4 likes
next.js
react
software engineering
javascript
typescript
Implementing Authenticated Protected Role-based Routing using Next.js and HOC
React Lifecycles in Functional Components
11/22/2021•316 views•5 min read•6 likes
react
javascript
reacthooks
javascript library
What is the equivalent of lifecycle methods of Class components in functional? Let's find out.