Community Picks·4yHow to make github profile readme.md looks awesome.
Go to your Github profile and type the repository name as your owner name. Type your social account name alone: Select what GitHub features you want to display in your profile. Click the public option for your online account name to see what you can use in your GitHub profile. Click the Edit profile button: and type your name, BIO, URL (your personal portfolio website, and location. If you don't have a website and want one.
Changelog·4yLearn PWA
Learn PWA fundamentals like the Web App Manifest, service workers, how to design with an app in mind, what's different from a classic web app, and how to Window management A PWA outside of the browser manages its own window. In this chapter, you will understand the APIs and capabilities for managing a window.
LogRocket·4yVite 3.0 vs. Create React App
Vite is built on top of esbuild, a JavaScript bundler written in Go, which bundles dependencies 10-100 times faster than JavaScript-based bundlers. Vite leverages the browser’s native ESM to parse and compile your code as the browser requests it. The browser only needs to pre-bundle your dependencies.
freeCodeCamp·4yParameters vs Arguments in JavaScript – What's the Difference?
JavaScript is one of the most popular programming languages out there for web development. The dynamic values passed in a JavaScript function can change when the function gets called in another location in the code. The keywords we use to name these data are parameters and arguments, but some developers confuse them.
Community Picks·4yUnderstand call, apply, and bind functions in JavaScript like never before.
JavaScript's call() and bind() functions are often misunderstood. In this post, we'll take a detailed look at how call, apply, and bind work in JavaScript. We'll discuss the differences between the three, and when you would want to use each one.
asayer·4yMicro-Interactions using Anime.js
Micro-interactions are small, functional animations that give the user support using visual feedback. They are just like other interactions with gadgets; they’re used to give users meaningful feedback because they must always be aware of the results of their actions. We imported Machine from XState and created a generic type for our TogglEvent, setting type to TOGGLE, and created our state machine.
Community Picks·4yHow to Create Protected Routes in React with React-Router V6
React Router went through a ton of changes in version 6, and I mean a lot of changes so much so that if you weren't paying attention you'd probably think you are using a new library entirely! In this article, I show you how to build a react app with protected routes using react-router v6.
LogRocket·4yGetting started with NestJS, Vite, and esbuild
NestJS is a Node.js framework for building efficient and scalable server-side/backend applications. Vite works by first dividing the modules in an application CREATE nest_vite_esbuild_demo/.eslintrc.js (665 bytes) We'll learn how to work with them in real life scenarios, their major features, and use cases. Learn how to animate your React app with AnimXYZ - Explore Tauri, a new framework for Building binaries.
The New Stack·4yAdobe Buys Figma: What Does this Mean for Web Standards?
Adobe Buys Figma: What Does this Mean for Web Standards? Figma is one of the most impressive web standards-compliant tools in recent memory. It's a bitter pill for Figma users, especially since Figma was originally marketed as an open web alternative to Adobe’s proprietary desktop tools.
DEV·4yBetter ways to Create React App
1394 packages in 44s 209 packages are looking for funding run `npm fund` for details. Vite Vite is a batteries included bundler & development server with presets for multiple frameworks, including React with or without TypeScript. Vite provides much smoother developer experience and works out of the box, but you're building a huge project or need the smallest possible footprint. If it's a little little Didn't check tbh, I used it. It has a couple of quirks that need to be understood. The output was definitely lower in weight.
Medium·4yDebugging Three.js Projects Just Got a Whole Lot Easier
Three.js is a JavaScript library that allows users to create and display 3D content in the browser. To build this 3D world, Three.js relies on WebGL, a JavaScript API that allows developers to create triangles, which come together to create a 3D experience in your browser. Ricardo Cabello created Three.
Community Picks·4yConditionally spreading objects in JavaScript
In JavaScript, you can short-circuit the spread operator using the && operator. For example, you want to spread the properties of an object only if a certain condition is met. The first operand must be a boolean value, but the value of the last operand is returned.
DEV·4ySass: Interpolation & Nesting
Interpolation can be used almost anywhere in a Sass stylesheet to embed the result of a SassScript expression into a chunk of CSS. It allows us to insert sass expressions into a simple SASS or CSS code. We will discuss nesting in further detail in the following post.