DEV·3yWriting Clean Code: Best Practices and Principles
Clean code is code that is easy to read, easy to understand, and easy to modify. Clean code follows a set of conventions and best practices that make it more consistent, making it easier for multiple developers to work on the same project seamlessly. Code that is difficult to understand is more prone to errors during modifications or enhancements.
JavaScript in Plain English·3yI Bet You Don’t Use These JavaScript Tricks and Practices
I Bet You Don’t Use These JavaScript Tricks and Practices. Using FlatMap Flat Map in javascript is a great technique which you can learn here. Not using native Javascript classes enough Javascript comes pack with native javascript classes that can help you create/instantiate things like URL, Headers and Headers.
JavaScript in Plain English·3ySome simple and amazing JavaScript tricks
The spread syntax will copy all the properties of the object, but will only create a new object at the top level. For nested objects, the references of the inner objects will be copied and will not create new ones. You can simply do so by using the function in Array’s prototype.
Community Picks·3yHow To Learn TypeScript In 2023
TypeScript is a set of tools that make writing JavaScript more pleasant. You can learn more on TypeScript's Landing Page. You'll need to install Node.js in order to use TypeScript to its fullest potential. Using TypeScript on CI is a great way to make sure your project is free of bugs.
DEV·3yBun hype. How we learned nothing from Yarn
Yarn and Bun went off to create their own competing technology. Both sold themselves on being way faster. Both went in with the goal of splitting the ecosystem. Both announced that they were officially v1.0 and ready for production!...while not actually supporting Windows. In 2023, npm is still faster than Yarn.
This is Learning·3yWhy use Vite when Bun is also a bundler? - Vite vs. Bun
Why use Vite when Bun is also a bundler? - Vite vs. Bun? Why is Vite still needed? Vite is great for bundling client-side apps, has API's that many developers love. Bun's HMR currently has at least one open issue, which is important for fast local development.
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.
Hacker Noon·3yIs Your Code Slow?: Avoid These 19 Common JavaScript and Node.js Mistakes
We're spotlighting the top 19 performance pitfalls that can secretly slow down JavaScript and Node.js apps. We'll explore what causes them through illustrative examples and actionable solutions to optimize your code. The good news?
Josh W Comeau·3yMaking Sense of React Server Components
React Server Components is the latest paradigm shift for React. For the first time ever, React components can run exclusively on the server. It's helpful to understand how Server Side Rendering (SSR) works. If you're already familiar with SSR, feel free to skip to the next heading.
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.
freeCodeCamp·3yLearn the Astro Web Framework
Astro is a go-to choice for developers looking to build fast, content-focused websites. It offers tools for file-based routing, managing content with Markdown and MDX, setting up dynamic routes, deployment on platforms like Netlify and Vercel, and transitioning to server-side rendering. James Q Quick presents a crash course on Astro on the freeCodeCamp.org YouTube channel.
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.
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.
DEV·3yDocker Node.js and MongoDB example
Docker provides lightweight containers to run services in isolation from our infrastructure so we can deliver software quickly. In this tutorial, I will show you how to dockerize Nodejs Express and MongoDB example using Docker Compose. The problem is to containerize a system that requires more than one Docker container.
JavaScript in Plain English·3yTwo-way data binding in Vanilla JavaScript without Angular or React
Two-way data binding in Vanilla JavaScript without Angular or React. In Plain English, we will create a similar data binding but with vanilla JavaScript. We will create an object’s property with a getter and a setter function to update the value of the corresponding HTML element.
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.
DEV·3yWhy not React?
React’s streaming has interesting flaws, and the official RSC implementation ain’t exactly fast Low-end devices remain stubbornly stagnant. The intro became more relevant than I could have possibly known when I wrote it. I once planned a rewrite, but I’m burnt out and can't be arsed.
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.
Community Picks·3yRails Creator Removes TypeScript from Turbo Framework, Sparks Backlash
TypeScript support has been removed from Turbo Framework. The move has sparked backlash among many Turbo users and contributors. Critics argue that removing TypeScript is a step backwards that will break existing code dependent on TypeScript types. Hansson has defended his position on preferring vanilla JavaScript over TypeScript.
