Ákos Kőművesakoskm.com·21 hours agoReact Component Testing with Vitest's Browser Mode and PlaywrightVitest and React Testing Library are great for component testing. We all love to see those console messages with our tests passing so we can confidently kick off that deployment. However, unit testing front-end components was always a bit tricky for ...1 likereact router
Vivekheyvivek.com·Feb 13, 2025🌟 Is No-Build Even a Possibility in Today’s Complex JavaScript Ecosystem?The JavaScript world today is often synonymous with complex build processes. Webpack, Babel, PostCSS, TypeScript—it feels like every new project comes bundled with a monstrous configuration file. As much as these tools have improved our workflow and ...10 likes·95 readsno build
Deepak Modideepakmodi.hashnode.dev·Feb 12, 2025Building My Personal Portfolio Website with React and Tailwind CSSIntroduction Hello everyone! 🚀 I recently built and deployed my personal portfolio website, and I’m excited to share the journey with you. This portfolio is a reflection of my work, skills, and projects, crafted with modern web technologies like Rea...portfoliowebsite
Sébastien Conejosebastienconejo.hashnode.dev·Feb 3, 2025I built a portfolio in minutes with Bolt and ManifestTL;DR In this article, I'll show you how to build a complete portfolio with a backend to manage your projects. We'll use bolt for the frontend and Manifest to spin up a backend in seconds. No complexity, no bloat—just a fast, efficient, and streamlin...Frontend Development
Anjanesh Lekshminarayanananjanesh.dev·Feb 2, 2025How to setup Django with React using InertiaJSThe official Django Inertia adapter was released in December 2022 but there was 0 front-end documentation and only the Django part of documentation - even now (as of 2nd February 2025) it says "Django specific frontend docs coming soon." with referen...34 readsDjango
Ray Bergerblog.rayberger.org·Feb 2, 2025Vue Migration Part 2 - A Simple Solution EmergesIn Part 1 of our Vue migration journey at Open Library, I expressed frustration with the tooling's lack of support for our specific use case. However, I'm pleased to report that we've found an elegant solution. You can view the final implementation i...Vue.js
Alvin Crespoalvincrespo.hashnode.dev·Jan 31, 2025React, Vite & Production-Ready DockerIn my previous article, we set up a development environment for a Vite + React application using Docker. While that setup was perfect for development, production environments have different requirements around security, performance, and reliability. ...207 readsDocker
Pulkit Gargpulkitgarg04.hashnode.dev·Jan 31, 2025Installing Tailwind CSS v4.0 with Vite and React: A Comprehensive GuideTailwind CSS has become one of the most popular utility-first CSS frameworks, enabling developers to build modern, responsive, and highly customizable user interfaces with ease. With the release of Tailwind CSS v4.0, the framework has introduced seve...1 like·52 readsTailwind CSS
Matheus Rochamatheusrocha.dev·Jan 30, 2025Como usar um vite.config.ts diferente no ambiente localSe você trabalha com Vite + Vue.js e precisa de uma configuração específica apenas no seu ambiente de desenvolvimento local, uma solução simples é criar um arquivo de configuração separado e utilizá-lo apenas ao iniciar o servidor localmente. Isso po...Vue.js
MyCodingNotebookblog.mycodingnotebook.com·Jan 30, 2025Let's Talk Code Toolings: BundlersA bundler is a tool that takes multiple JavaScript, CSS, and other assets and combines them into a single (or a few) optimised files for efficient loading in a web browser. What Does This Mean? Let’s break this down with an example. Imagine you're bu...10 likesCode ToolingsJavaScript