#frontend Development Tutorials & Tips | Roast Dev

100daysofcode 100daysofdevops 100pay 10mistakes 10yearworkanniversary 11 11labs 11tly 11ty 127001

Callback props in React

What are Callback Props?Callback props are just regular props, but instead of passing data, they pass functions that handle specific events.What’s their exact purpose?Let’s say you have a componen...

26.03.2025 0 Read More

🚀I build JetScript — the focused, modern successor to JavaScript for MVPs, educators, and indie devs.

Tired of configs, boilerplate, and frameworks that make your MVP feel like a PhD thesis?🔗 GitHub: https://github.com/jetscript-lang/JetScript I built JetScript — a lightweight scripting language ...

26.03.2025 0 Read More

Optimize Core Web Vitals - FCP and LCP: Render-blocking resources

Resources Network panel: Analyze network load and resources https://developer.chrome.com/docs/devtools/network/overview : The Script element - async https://developer.mozilla.org/en-US/docs/W...

27.03.2025 0 Read More

Optimize Core Web Vitals - FCP and LCP: Remove not need dependencies

Optimize Core Web Vitals - FCP and LCP: Remove not need dependencies Check if any dependencies use this package For example, use yarn to check glob ⛶yarn why globOutput Thi...

27.03.2025 0 Read More

Optimize Core Web Vitals - FCP and LCP: Tree-shaking Lodash

Resources What is lodash-webpack-plugin? https://www.npmjs.com/package/lodash-webpack-plugin https://www.increscotech.com/blog/optimizing-lodash-in-next-js-with-webpack-and-babel-plugin-lodas...

27.03.2025 0 Read More

Optimize Core Web Vitals - FCP and LCP: Optimize bundle size by lazy loading heavy 3rd-party package

Resources https://nextjs.org/docs/pages/building-your-application/optimizing Bundle Analyzer Optimizing Package Bundling https://nextjs.org/docs/app/building-your-application/optimi...

27.03.2025 0 Read More

Make any button interactive with just CSS! ✨

→ Smooth transitions ✅ → Hover effects ✅ → Box shadow ✅ → Transform animations ✅Perfect for call-to-action buttons!...

27.03.2025 0 Read More

Create Tkinter GUI’s using Tkinter GUI Builder — PyUiBuilder

If your starting out with tkinter, it can be overwhelming without prior understanding of GUIs. Whether you are trying to make a simple school project or are trying to create an internal application fo...

27.03.2025 0 Read More

Make modals disappear automatically with this JS trick! ✨

→ 1000ms = 1 second ⏱️ → Clean UX ✅ → No extra libraries 🚀Perfect for notifications....

27.03.2025 0 Read More

Optimize Core Web Vitals - FCP and LCP: Images

Pre-study Resources Serve images in next-gen formats Next.js Image Component Documentation Image Optimization Next.js Image Optimization Guide Fix your website's L...

27.03.2025 0 Read More

Callback props in React

🚀I build JetScript — the focused, modern successor to JavaScript for MVPs, educators, and indie devs.

Optimize Core Web Vitals - FCP and LCP: Render-blocking resources

Optimize Core Web Vitals - FCP and LCP: Remove not need dependencies

Optimize Core Web Vitals - FCP and LCP: Tree-shaking Lodash

Optimize Core Web Vitals - FCP and LCP: Optimize bundle size by lazy loading heavy 3rd-party package

Make any button interactive with just CSS! ✨

Create Tkinter GUI’s using Tkinter GUI Builder — PyUiBuilder

Make modals disappear automatically with this JS trick! ✨

Optimize Core Web Vitals - FCP and LCP: Images

#reading

#popular