Web & App Development·1yJavaScript is easy... Until you meet these confusing concepts.
JavaScript may seem easy until you encounter concepts like undefined vs. null, hoisting, the 'this' keyword, callbacks and promises, scope and closure, prototypal inheritance, and the event loop. Understanding these concepts is crucial to mastering JavaScript.
Advanced Web Machinery·1yJavaScript best practice: use return await
Using `return await` in JavaScript is essential for proper error handling with try..catch and ensuring cleanups in try..finally blocks. It stops function execution, allowing catch blocks to handle errors and ensuring resource cleanups are performed as expected.
developedbyed·1yBuild your own UI Library - a simple guide
Learn how to set up a component library and design system similar to popular frameworks using Tailwind CSS, React, and Panstack. The guide covers the creation of UI components like buttons, the use of Tailwind merge libraries, and the importance of type safety for CSS class names and variants.
LogRocket·1yHow to use CSS variables like a pro
CSS variables, also known as custom properties, allow developers to reuse values throughout a stylesheet, helping to write clean and efficient code. This tutorial provides a detailed guide on using CSS variables with practical examples, including dynamic changes with JavaScript, responsive design adjustments, and theme toggling. Learn how to define CSS variables globally or locally, apply fallback values, and harness cascading rules and specificities for styling flexibility.
Fireship·1y21-year old dev destroys LeetCode, gets kicked out of school...
Roy, a 21-year-old developer, was expelled from Columbia University for creating a JavaScript application that helps users ace technical interviews with real-time AI guidance. His app allowed him to secure job offers from big companies like Meta, TikTok, Capital One, and Amazon, all of which were rescinded once the companies discovered his methods. The incident highlights the controversies of modern technical interview processes and the role of AI in software development.
The React Community·1y8 Components to become React master
Discusses important concepts such as controlled vs. uncontrolled components, higher-order components (HOCs), render props, and hooks like useState and useEffect. Also covers context for state management and error boundaries. Highlights the importance of component structuring for clean, reusable, and maintainable code.
Community Picks·1yAnnouncing TanStack Form v1
TanStack Form v1 has been released and is ready for production use. It supports React, Vue, Angular, Solid, and Lit frameworks, with numerous features for each. The form library emphasizes type safety and comes with built-in support for runtime usage, type-checking, field-based validation, and async validation. It also offers compatibility with SSR solutions like Next.js and TanStack Start. Future feature additions are planned now that the stable version is released.
Community Picks·1y25 Ridiculously Impressive HTML5 Canvas Experiments
The post showcases 25 impressive HTML5 canvas experiments featuring various animations and interactive elements. From glowing hexagon patterns and falling confetti to interactive stars and fireworks, these examples demonstrate the capabilities of HTML5 canvas for creating visually appealing effects. The collection aims to inspire developers to explore creative possibilities with HTML5 canvas.
Fireship·1yTikTok just released its React Native killer…
ByteDance has released an open-source, multi-platform app development framework called LYNKX, which uses Rust-based tooling and a dual-threaded UI rendering engine. LYNKX aims to surpass React Native and Flutter by offering smoother UIs and faster launch times. It supports native CSS features and allows development in frameworks like Svelte or Vue. Despite its potential, it currently lacks a substantial ecosystem and extensive tooling.
DEV·1yWhy Stop Using TypeScript for Small Projects?
The post explains why TypeScript might be unnecessary for small projects due to the setup overhead, the limitations on experimentation, the relatively lower benefits in small codebases, the extra build step, and compatibility issues with some dependencies. The author's stance is that while TypeScript is beneficial for large-scale applications with multiple developers, for small projects, quick scripts, and MVPs, sticking with JavaScript offers a faster and simpler development experience.
Theo - t3․gg·1yI put this function in every codebase
The author discusses the challenges and solutions for handling errors in TypeScript projects, emphasizing the limitations of traditional try-catch blocks. The piece introduces a custom try-catch function that simplifies error handling and explores other advanced libraries like neverthrow and effect, highlighting their benefits and complexities. The author shares insights and recommendations for developers to manage errors more effectively in their codebases.
CSS-Tricks·1yWeb Components Demystified
Explore the fundamentals of web components with Scott Jehl's course, 'Web Components Demystified'. Learn about the creation and behavior of custom HTML elements, usage of HTML templates, encapsulation with Shadow DOM, and lifecycle methods for web components. The content highlights the differences between web components and JavaScript framework components like React. Also discussed are best practices for styling, handling slots, and using custom properties within Shadow DOM.
Codrops·1yBuilding an Interactive Image Grid with Three.js
This tutorial guides you through creating a dynamic interactive image grid using Three.js, from grid setup and card initialization to advanced animations and shader effects. It explains the implementation using a pre-prepared repository, detail card position scaling, hover interactions based on mouse positions, and using custom shaders for visual effects. Tips for handling performance and customization options are included to optimize and enhance the grid's appearance and functionality.
DEV·1yWhy the Latest JavaScript Frameworks Are a Waste of Time
Constantly switching between the latest JavaScript frameworks is often unproductive and disruptive to long-term development goals. Although innovation in frameworks is attractive, consistently relearning new systems can distract from actually building projects. Core programming skills, understanding JavaScript deeply, system design, and writing maintainable code are more valuable for becoming a better developer. Companies prioritize stability and maintainability, which is why frameworks like React and Angular remain dominant in the job market.
Fireship·1yNext.js rocked by critical 9.1 level exploit...
A critical 9.1 security exploit affecting Next.js allows attackers to bypass authentication and authorization in middleware, putting many applications at risk. The vulnerability was discovered and reported on February 27th but was only patched on March 18th, leading to significant controversy and competitive drama between companies like Cloudflare and Vercel. Developers are advised to upgrade their Next.js apps immediately, especially if using middleware for security purposes, to mitigate potential damage.
developedbyed·1yMy Favourite Tech Stack For 2025
The author shares their favorite tech stack for 2025, highlighting tools like DocPloy for easy deployment, the Bun runtime for JavaScript applications, and the Hano framework to leverage Cloudflare's offerings. They also discuss exciting advances in authentication with Open Auth and payments integration using Polar. Additionally, frameworks like TenStack Start and Astro are recommended for their simplicity and flexibility, along with the importance of 3D technology, particularly 3JS, for future web development.
JavaScript Mastery·1yReact Native Course for Beginners in 2025 | Build a Full Stack React Native App
React Native is a valuable skill for mobile development, with 75% of web development knowledge carrying over. The crash course covers React Native fundamentals, including the latest features, Expo framework, core building blocks, and developing a modern, fully functional movie app. React Native enables building apps efficiently for both iOS and Android with a single code base, offering faster development and reduced costs. The course emphasizes clean, maintainable code, and provides a free roadmap for learning React Native, leading to confident app deployment.
Anthony Fu·1yAsync, Sync, in Between
In programming, handling both synchronous (sync) and asynchronous (async) functions often leads to the 'coloring problem', where a function's asynchronous or synchronous nature affects the entire codebase. This post introduces 'quansync', a new approach to decouple code from the coloring problem by allowing functions to be used as both sync and async based on context. Examples showcase how quansync can simplify code without duplicating logic, improving flexibility while managing async dependencies.
Hacker News·1yopenui/open-ui: Maintain an open standard for UI and promote its adherence and adoption.
Web browsers have historically provided form and UI controls essential for interactive websites. Over the years, the demand for more advanced controls has grown, especially with the rise of Web 2.0. HTML5 addressed some needs, but current web projects require even more sophisticated and customizable interfaces. The Open UI Community Group aims to modernize HTML, CSS, JS, and Web APIs to help developers create robust, accessible, and flexible UIs. They focus on researching common patterns, planning improvements, and recommending changes to relevant standards bodies.
LogRocket·1yA complete guide to TanStack Table (formerly React Table)
TanStack Table, previously known as React Table, is a headless UI library for building tables and datagrids across multiple JavaScript frameworks. Rewritten in TypeScript for better performance and support for additional frameworks, it replaces the now-deprecated react-table package. The post guides users on migrating to TanStack Table v8, setting up basic tables, and implementing features like sorting, filtering, and styling. Comparison with other table libraries like Material UI Table is also provided.
Coding in Public·1yStarwind UI: shadcn/ui for Astro
Starwind UI is a new user interface framework for Astro, created by one of Astro's co-creators, Nate Moore. It uses Astro components and vanilla JavaScript, allowing easy installation and customization. The framework includes various components like buttons, avatars, tabs, and tooltips. It integrates seamlessly with Tailwind CSS and supports event handling and accessibility features. Users can update and delete components while customizing the styles and behavior.
