80 LEVEL·2yA Programmer Presents a Mind-Blowing Multi-Window Adaptive Experience
A programmer has developed a setup that allows synchronization of a 3D scene across multiple browser windows. It uses Three.js and localStorage and is designed for developers interested in advanced web graphics and window management techniques.
DEV·2yHow to Become a 10x Dev
Learn how to become a 10x developer by automating repetitive tasks, mastering keyboard shortcuts, avoiding over-engineering, utilizing version control workflow, leveraging existing components and libraries, embracing HTML Emmet for rapid prototyping, and utilizing AI assistance and VS Code extensions.
Community Picks·2yVite 5.0 is out!
Vite 5.0 has been released, bringing new features and improvements to the popular JavaScript build tool. It now uses Rollup 4 for improved build performance and introduces server.warmup to improve startup time. Vite no longer supports older versions of Node.js, requiring version 18 or higher. Check out the Migration Guide for a smooth upgrade process.
DEV·2yExplaining SSH to my Uber Driver
SSH is a secure, secret tunnel that allows developers to connect to another computer over the internet and perform various tasks. It is commonly used for deploying code and updating server configurations. SSH's encryption and authorization protocols make it more secure than older communication protocols. By using public-key authentication, SSH protects user information from hackers.
Community Picks·2yDo we really need a backend now? Can we build applications without backend with Next.js 14?
The role of the backend in web development has been a critical component for many years. However, with the advent of frameworks like Next.js 14, the question arises whether a backend is still needed. The author presents their opinion that for many applications, a separate backend is not necessary. They discuss the use of third-party APIs, the challenges of syncing data with databases and external APIs, and the scalability issues of deploying a frontend-focused platform. They also highlight the benefits of building applications with a custom backend, such as full control and flexibility. The author recommends their blog for more information on backend technologies.
Product Hunt·2yTailscan 2 for Tailwind CSS - The ultimate browser tool for Tailwind CSS
Tailscan is the ultimate browser tool for Tailwind CSS that allows developers, designers, and product managers to build, design, and debug any Tailwind website visually. It helps speed up workflow and allows for quick changes.
Ahmad Shadeed·2yCSS Nesting
CSS nesting is a major feature that enhances how CSS is written. It allows for easier readability, grouping of styles, scoping of specific styles, and styling of HTML elements without classes or IDs. CSS nesting can be used to style elements within a parent element by using the ampersand symbol and various CSS selectors. However, there are some bugs and issues associated with CSS nesting in certain browsers.
asayer·2yBuild a Mind-Mapping App with React Flow
Learn how to build a mind-mapping app using React Flow, an open-source toolkit for generating interactive diagrams and visualizations within React applications. This tutorial covers setting up the project, creating components, integrating React Flow, customizing node appearance, adding interactivity, and saving/loading mind maps.
Community Picks·2yThe complete guide to WebSockets with React
Learn about WebSockets and how to use them with React to build a smooth realtime cursor experience. Discover what WebSockets are, how they work, and explore some React WebSocket libraries. The article also covers best practices for using WebSockets with React and provides a tutorial on building a live cursors experience.
asayer·2yBest Practices for Security in Next.js
Explore common security vulnerabilities in web applications and learn best practices for securing Next.js applications, including keeping dependencies up-to-date, input validation, authentication and authorization, data encryption, implementing security headers, and using TypeScript for type safety.
Java Code Geeks·2yNode.js Cheatsheet
Node.js is an open-source, server-side runtime environment that allows developers to build scalable, high-performance web applications using JavaScript. It has gained popularity due to its versatility, single-language usage, and extensive ecosystem. Node.js has advantages like high performance, non-blocking I/O, cross-platform compatibility, real-time capabilities, and a large community of support. However, it also has limitations like single-threaded nature, limited multithreading, learning curve for asynchronous programming, debugging challenges, and managing complex code structures for asynchronous operations.
Community Picks·2yHow to (and how not to) design REST APIs
This article provides a set of best practices for designing REST APIs, including using plural nouns for collections, avoiding unnecessary path segments, not adding extensions to URLs, not returning arrays as top level responses, using strings for all identifiers, prefixing identifiers, not using 404 to indicate 'not found', being consistent with field names, using a structured error format, and providing idempotence mechanisms for non-idempotent operations.
Hacker News·2yStop using JSON Web tokens for user sessions
Using JSON Web tokens (JWTs) for user sessions without an effectively implemented logout mechanism can lead to security vulnerabilities. An XSS vulnerability can allow an attacker to access and exploit the JWT, gaining unauthorized access to the application.
Angular·2yAnnouncing Angular.dev
Angular.dev is the future home for Angular development, offering new tutorials, updated documentation, and a better user experience for developers. The release of Angular v17 includes deferred views, built-in control flow, view transitions API support, SSR enhancements, and more. The new tutorials on Angular.dev allow users to learn Angular concepts directly in the browser.
DEV·2yHTMX: Building Interactive Web Apps Without JavaScript
HTMX is a lightweight JavaScript library that enables developers to create interactive web experiences without writing JavaScript code. It offers simplicity, performance, maintainability, and SEO benefits. The key features of HTMX include asynchronous HTTP requests, DOM manipulation, client-side routing, and WebSockets support.
System Design Newsletter·2yEverything You Need to Know About Micro Frontends
Micro Frontends are an extension of the microservices concept to the Frontend. It slices the website into self-contained, domain-driven micro apps that are built, tested, and deployed independently. The container application combines every Micro Frontend and handles common page elements, authentication, and navigation. Micro Frontends can be implemented with different tools and frameworks like React, Vue, and Angular. They offer advantages like fast delivery, flexible tech stack, improved maintainability, scalable development, and more. However, they also come with increased complexity, potential distributed monolith problem, and fragmented ways of work.
