Product Hunt·3yVite - Next Generation Frontend Tooling
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects. A build command that bundles your code, pre-configured to output highly optimized static assets. A dev server that provides rich feature enhancements.
Pointer·3ynuejs/nuejs: Build user interfaces with cleaner code. Alternative to React, Vue, and Svelte
Nue JS is a small JavaScript library for building web interfaces with cleaner code. It offers a minimalist approach and easy-to-understand code, making it easier to scale. Nue supports server-side rendering and can be used for UI library development, progressive enhancement, static website generators, and single-page applications.
habr·3yReact Custom Hook: useOnScreen
The useOnScreen hook leverages the power of the Intersection Observer API. It can be immensely useful in scenarios where you want to trigger animations, lazy load images, or load additional content as the user scrolls. UseOnScreen will notify you when it enters or exits the viewport.
AWS Tip·3yMicroservices design
The application is deployed in Amazon ECS as a single service that’s scalable and highly available. As the app has grown, we’ve noticed that content delivery becomes a bottleneck during normal operations. To deal with these issues, we decided to split the app into three microservices: Course Catalog, Content Delivery and Progress Tracking.
habr·3yReact Custom Hook: usePrevious
"usePrevious" hook is one of the many carefully crafted hooks available in the collection of React custom hooks. The advantages of using usePrevious are remarkable. By using useRef, this hook efficiently stores the current and previous values, updating them whenever the value changes.
ITNEXT·3yWhy Web UI Development Is So Hard?
This piece aims to dissect the inherent challenges of web UI development, from the discrepancy between web languages and the modern UI requirements. We’ll explore often-overlooked ‘unhappy paths’ such as loading states, error handling, and broader architecture considerations including security, performance, and accessibility.
ITNEXT·3yOk, Astro is the best web framework in 2023, here’s why
Astro is the best web framework in 2023, here’s why. Astro is a web framework that is based on JavaScript and generates no JavaScript by default. It executes your JS code at build time, like SSR frameworks do, but it does no hydration, because most content-based website do not need JS.
InfoQ·3yMicro Frontends: The Evolution of Frontend Architecture
The Evolution of Frontend Architecture is a talk about the evolution of frontend architecture. Ruben Casas is a Staff Engineer at Postman and a master's degree in internet and distributed systems. He says the talk will give you a lot of the tools to identify how to move away from a monolith into more distributed architecture.
habr·3yReact Custom Hook: useRenderCount
The "useRenderCount" hook is one of the many carefully crafted hooks available in the collection of React custom hooks. The hook uses React's useEffect and useRef hooks to keep a count of renders. With each render, the count is incremented, providing you with real-time feedback on the component's render frequency.
habr·3yReact Custom Hook: useMediaQuery
The useMediaQuery hook allows you to dynamically update your UI based on a given media query. The hook is not limited to specific use cases; it can be used in a variety of scenarios. For instance, you can use it to dynamically adjust the layout of a navigation menu, hide or show certain elements based on screen size.
habr·3yReact Custom Hook: useOnlineStatus
"useOnlineStatus" hook is one of the many carefully crafted hooks available in the collection of React custom hooks. The hook internally uses the "navigator.onLine" property to determine the initial online status and dynamically updates it whenever the user's connectivity changes.
habr·3yReact Custom Hook: useGeolocation
The useGeolocation hook uses React's useState and useEffect hooks to manage the state of loading, errors, and geolocation data. The hook automatically handles the loading state, updating it when geolocated data is being fetched, and sets the error state if any issues arise during the process.
Hacker Noon·3yMaking TypeScript Truly "Strongly Typed"
TypeScript provides the "Any" type for situations where the shape of data is not known in advance. excessive use of this type can lead to problems with type safety, code quality, and developer experience. This article explores the risks associated with the 'Any' type.
The New Stack·3yBun 1.0 Ships as Node.js and Deno Alternative
Built for Speed Bun competes with Node.js and the Rust-based Deno, which were both created by Ryan Dahl. It’s designed to be a drop-in replacement for node.js, according to a release livestream that aired Thursday. The buzz over Bun was all about its speed and ease of use.
