Francisco Moretti articles - 48 total
Fix mobile keyboard overlap with VisualViewport
Fix mobile keyboard overlap with dvh (no observers) Edited 2025-08-26: The previous...
Deep Research UIs - Perplexity vs. Manus vs. ChatGPT vs. Gemini
Comparing UI decisions in Deep Research interfaces in Perplexity, Manus, ChatGPT, and Gemini for building chat apps.
What tests to write for React
Learn which tests actually matter for React development. From static tests to end-to-end testing, we'll explore the Testing Trophy approach and why integration tests deserve the spotlight.
Next.js Authentication Best Practices in 2025
Learn the latest Next.js authentication best practices, including why middleware is no longer recommended for auth, Data Access Layers, and how to implement secure multi-layered protection.
Automate Your Job Search: Scraping 400+ LinkedIn Jobs with Python
The average job seeker spends 11 hours per week searching for jobs, according to LinkedIn. For tech...
Node.js File Writing Methods - createWriteStream vs writeFileSync
Explore the key differences between Node.js file writing methods - createWriteStream and writeFileSync. Learn when to use each method for optimal performance and better memory management.
Color Highlighting for Tailwind CSS Variables in VS Code
Learn how to enable color highlighting for Tailwind CSS variables in VS Code, especially useful when working with Shadcn UI components.
Next.js Authentication Best Practices
What is Next.js Authentication? IMPORTANT: This article contains outdated advice. Next.js...
Server Side Rendering Vs Client Side Rendering Waterfall
Explore the impact of server-side rendering (SSR) and client-side rendering (CSR) on performance, focusing on the waterfall effect in React applications.
RunJS - A JavaScript and TypeScript Local Playground
Intro Recently, I got a license from Luke Haas to explore RunJS, and I'm impressed with...
useState vs useRef - When to use state and when to use ref
Learn the differences between useState and useRef in React for state management and persisting values without re-renders.
What is React Hydration
Discover the process of React hydration and how it connects server-rendered HTML with client-side JavaScript to enhance web interactivity.
Popular Ways To Write JavaScript Functions
Learn about the popular ways to define functions in JavaScript, including Function Declaration, Function Expression, and Arrow Function.
React Native in Big Tech
Learn how React Native powers big tech giants like Microsoft and Meta, accelerating development. Open-source, and bridging mobile-web gap.
Speed Up Your Website or Lose Users
Learn why fast-loading websites matter and how to improve yours. Real-life examples and insights from a Google study on mobile page speed.
React.js vs React Native - Similarities and Differences
Explore the distinctions between React.js and React Native, understanding their commonalities, differences, and guidance for developers. Dive into their shared core, component reusability, and divergent styling and navigation approaches. Discover strategies for code sharing between React Native and React JS, making informed decisions for web and mobile development projects.
The Psychology of Code - Decoding the Impact on Development 🧠
Explore the psychological effects on coding, understand the impact of broken windows on culture, and discover defensive programming complexities.
Pragmatic Programming Traits for Web Development
Uncover the traits of a Pragmatic Programmer and learn how to apply them in web development using React and TypeScript examples.
Next.js in a VS Code development container
A simple and minimalistic template to develop your Next.js application in a VS Code development container.
Quokka Playground - Run JavaScript and TypeScript in VS Code
Discover the Quokka extension for Visual Studio Code, a valuable tool that simplifies code testing and learning in JavaScript and TypeScript development.
The Best Way to Organize Icons in a Next.js Site
Learn how to organize icons in your Next.js site for consistency and simplicity. Follow the convention of using a single file and Tailwind CSS for styling.
How to Install and Configure Git with Aliases in Ubuntu 22
Enhance your Git experience with useful aliases for basic configuration in Ubuntu 22.04. A handy guide for Git users. Happy coding!
Pros and Cons of Using ESLint for Web Development
Explore the pros and cons of using ESLint for modern web development. Learn how it enhances code consistency, detects errors, and improves maintainability.
ESLint Extension for VS Code - Error Detection and Fixing
Simplify error detection and fixing in modern web development with the ESLint VS Code extension. Find out how it enhances code quality and saves you time. 🚀
Web Development - Best Practices to Minimize Side Effects
Master web development practices to minimize side effects. Explore functional programming, isolating side effects, state management, and immutability benefits.
DRY vs WET vs AHA Principles Comparison for Web Development
Explore the comparison of the DRY (Don't Repeat Yourself), WET (Write Everything Twice), and AHA (Avoid Hasty Abstractions) principles in web development.
How to Set Up Prettier and ESLint in VS Code for Next.js
Supercharge your development experience by setting up Prettier and ESLint in VS Code for your Next.js projects. Improve code formatting and catch errors early.
Avoiding Mistakes in Next.js using the TypeScript Plugin
Learn how to avoid common mistakes in Next.js development by leveraging the power of the TypeScript plugin. Discover the benefits and how to enable it.
Building an Autolink Heading Component for React Navigation
Learn how I built an Autolink Heading component for React Navigation that automatically generates anchor links for section headings to improve navigation.
Next.js Image Optimization Checklist With Examples
Learn how to optimize images in Next.js for better performance and user experience. Follow this checklist to handle images efficiently in your Next.js projects.