DEV·1y11 Free Must-Know Websites for Every Developer
Highlighting 11 essential websites and tools for developers, this post covers resources like Omatsuri for frontend development, HTMLRev for templates, Unicornicons for icons, UiVerse for UI elements, Undraw for illustrations, PatternPad for custom patterns, Shape Divider for stylish transitions, Photopea as a Photoshop alternative, QuickRef for cheat sheets, DevDocs for API documentation, and DevHints as a quick-reference assistant.
freeCodeCamp·1yThe Clean Code Handbook: How to Write Better Code for Agile Software Development
Clean code is essential for building scalable and maintainable software applications, especially in an Agile environment. This post outlines the importance of writing clean code, its long-term cost benefits, and shares practical patterns and best practices. It emphasizes naming conventions, the Single Responsibility Principle, effective commenting, and continuous integration to ensure scalability and adaptability. The post also highlights the significance of documentation and readable code, aiming to improve both individual and collaborative coding efforts.
gitconnected·1yFrontend Developer Roadmap 2025: The Complete Guide
This guide provides a comprehensive roadmap for aspiring frontend developers in 2025, covering essential skills such as understanding web basics, setting up a coding workspace, HTML, CSS, JavaScript, version control with Git and GitHub, and learning popular frameworks like React. It also includes bonus skills like advanced JavaScript techniques, TypeScript, automated testing, and hosting options, all designed to help developers stand out.
HuXn WebDev·1yADVANCE REACT: THE BIGGEST REACT.JS COURSE ON THE INTERNET ( PART 3 )
This React.js course covers advanced topics including React design patterns, React Query, JavaScript unit testing, and React testing. It is part of a series that thoroughly explores React fundamentals, hooks, Redux toolkit, Zustand for state management, and Frame Motion. Future parts will delve into tools like Storybook, React design systems in Figma, and micro frontends.
Dev World·1y🎨 Turn Your Websites Into Works of Art with Vanta.js! 🌌
Discover Vanta.js, a powerful tool for creating stunning animated website backgrounds that are customizable and easy to integrate. Perfect for portfolios, landing pages, and any web design that aims to impress, Vanta.js allows you to add motion and interactivity effortlessly with just a few lines of code.
MDN Blog·1yJavaScript Temporal is coming
JavaScript Temporal is being introduced to simplify and modernize date and time handling in web development. It overcomes the limitations of the existing Date object by supporting time zones, reliable parsing, and various calendar systems. Temporal provides numerous methods for conversions, comparisons, computations, and formatting. Experimental implementations are appearing in some browsers, with detailed documentation available on MDN.
Syncfusion·1yMastering JavaScript Memory Leaks: Detect, Fix, and Prevent
JavaScript memory leaks happen when allocated memory is not released, leading to performance degradation and potential crashes. This guide explains how to identify, fix, and prevent memory leaks using tools like Chrome DevTools, effective memory management strategies, and best practices such as proper scoping of variables, removing event listeners, and using WeakMap for caching.
Frontend developer·1yReact animated library
React Bits is an open-source library by David Haz that offers various animated components and useful snippets for React.js projects. Key features include text animations like Split Text and Wave Text, general animations such as Animated Container and Blob Cursor, and components like Stack and Masonry, simplifying the implementation of animated elements in React applications.
Tiger's Place·1yBecome expert in React Query
This post aims to deepen your understanding of React Query, highlighting its capabilities beyond simple data fetching to being a server state manager. It clarifies key concepts like stale data, cache, and invalidation, and provides best practices for using query keys and query functions. Practical examples cover common mistakes, the defaults of React Query, and advanced techniques like prefetching, handling optimistic updates, and configuring infinite queries. The guide emphasizes reading the official documentation and leveraging dev tools for debugging.
LogRocket·1yBuilding an AI agent for your frontend project
AI is becoming increasingly important across multiple domains, providing substantial advantages. This tutorial guides you through building an AI agent from scratch, using BaseAI and Langbase, to create a webpage FAQ generator. The tutorial covers the entire process from setup to deployment, including building AI agents with memory using RAG technology and integrating AI agents into a Next.js frontend app.
Web Tools Weekly·1yTop 30 Tools of 2024
Discover the top 30 tools of 2024, which include various CSS and JavaScript libraries, frameworks, and UI components. Learn about solutions for improving sleep quality by neutralizing harmful EMFs, and explore how to support the newsletter creator through various means. Notable tools featured include Beer CSS, VTable, Tini, and Batman-Comic.CSS.
Community Picks·1yWhy PNPM? WTF?
PNPM is a faster and disk-space-saving package manager for JavaScript that uses a symlink strategy to share dependencies across projects. It manages different dependency versions efficiently, saving disk space by reusing common files. While it's gaining popularity for its performance benefits, the decision to switch from NPM remains a personal choice.
Jack Herrington·1yJavascript's New Pipeline Operator Is Awesome!
JavaScript and TypeScript developers who utilize method chaining will appreciate the new pipeline operator proposal from TC39. It simplifies the syntax for chaining methods by creating temporary arrays in memory. The post explores two variations of the pipeline operator syntax: the FP (F#) version which uses unary functions, and the hack version which uses expressions with a topic character. Each approach has its own advantages, and the proposal is currently in stage two. Readers can try the examples provided in the linked GitHub repository.
Tiger's Place·1yHow React's Render, Effects and Refs work under the hood
Understanding React's render cycle is crucial for writing efficient code. This detailed guide explains the render cycle phases, the differences between useEffect and useLayoutEffect, and how refs work. It also covers the concepts of the Virtual DOM and its role in batching updates, making React flexible across different platforms. The post includes practical examples to solidify your understanding.
DEV·1yI Built an Open-Source Code Snippet Collection
SnipNest is an open-source collection for storing and sharing code snippets, created to alleviate the frequent need to search for the same solutions repeatedly. It uses MDX files for organizing snippets with metadata and offers a Visual Studio Code extension for easy access. The project encourages community contributions to expand its repository.
DEV·1yHow to Secure TypeScript Applications...??
Developing secure TypeScript applications involves more than just leveraging the language's type system; it requires comprehensive strategies that address code vulnerabilities, runtime safeguards, and secure deployment practices. Key practices include setting strict compiler options, validating inputs, preventing common vulnerabilities like XSS and SQL injection, ensuring type-safe APIs, auditing dependencies, and configuring proper security measures during deployment and monitoring.
Noted·1yDumbware.io: Simplifying Self-Hosted Apps
Dumbware.io began with a simple file upload app called DumbDrop, created to provide an easy way for self-hosting files. Built with Node.js and JavaScript, it emphasizes minimalism and simplicity. Following DumbDrop's success, the founders expanded Dumbware into a suite of five self-hosted tools: DumbDrop, DumbPad, DumbKan, DumbDo, and DumbBudget. Each tool is designed to be user-friendly and open source. New additions, such as DumbWhois and DumbMonitor, are underway. DumbAuth, a simple authentication solution, was developed based on community feedback.
Theo - t3․gg·1yAbort Controller is criminally underrated (every react dev should use this)
Abort Controller in JavaScript is a powerful tool for canceling asynchronous operations like API requests, event listeners, and streams. This feature is particularly useful for React developers, simplifying the management of useEffect cleanup functions, event listeners, and fetch requests. The Abort Controller can enhance code clarity and reduce bugs by providing a consistent way to abort operations through the controller's signal and abort methods.
ThePrimeTime·1yLeetcode Or Die
The author shares their experience with using high-pressure tactics to prepare for coding interviews by practicing Leetcode problems. They implemented a script that deletes their computer’s root directory if they fail to solve a problem within 20 minutes, mimicking the stress of a real interview. The post details their approach to solving problems from easy to hard, aiming to prepare for job interviews effectively.
DEV·1yThe Ultimate Frontend Developer Roadmap for 2025
Frontend development in 2025 integrates advanced tools, frameworks, and AI. Mastering basics like HTML5, CSS3, and modern JavaScript is crucial. Proficiency in version control, CSS frameworks, and JavaScript frameworks such as React.js, Next.js, Angular, or Vue.js is essential. AI tools enhance coding, design, and testing workflows. Advanced concepts include TypeScript, performance optimization, design systems, and next-gen technologies like edge computing and server components. Integration of AI/ML libraries, backend skills, CI/CD, deployment strategies, and soft skills round out the skill set of a versatile frontend developer.
Neon·1yFixing JavaScript Timezone Issues
Navigating timezone issues in JavaScript can be tricky. In a recent project, timezone metadata caused conflicts when booking parking slots. By removing timezone metadata and storing plain date-time strings, the team ensured consistent date and time storage across different timezones. Additionally, Neon’s easy connectivity and scalability proved beneficial for the project.
LogRocket·1yHow to master JavaScript debugging for web apps
Mastering JavaScript debugging is essential for maintaining complex web applications. This guide covers using source maps to debug minified code and leveraging Chrome DevTools for efficient error identification and resolution. It includes practical examples and configuration tips for using webpack to generate source maps, as well as advanced debugging techniques such as breakpoints, step-through, call stacks, and watch expressions.
Weaviate·1yBuilding Search APIs with Hono.js
Learn how to build a versatile search API using Hono.js, implementing Vector, Hybrid, and Generative search paradigms. Understand the significance of these modern search techniques, set up Hono.js, integrate with Weaviate, and create different search routes. Test your API using tools like Thunder Client, Postman, or curl.
