DEV·4yLearn this before React
The destructuring rest & spread operator promises map and filter methods. The find method returns the first element that satisfies the condition. FindIndex returns the index of that ["jack", "pritom" The spread operator enables us to spread the content of a iterable (i.e. array) into individual elements Spread. In simple terms promises are used to handle asynchronous operations.
freeCodeCamp·4yfind() vs filter() in JavaScript – Differences Explained with Examples
find() vs filter() in JavaScript is a common interview question that JavaScript developers often get asked is to explain the difference between the find() and filter() methods. In this tutorial today, I'll walk you through what these methods are and when you should use them.
asayer·4yJavaScript SEO best practices
JavaScript is a popular programming language used by more than 80 percent of U.S. stores. Google’s webmaster is saying: The JavaScript frameworks were first implemented on the client side only while inviting much trouble in client-side rendering. The worst thing is that the wrong website or a wrong page could appear on the search results. This will eventually resolve on its own but could cause issues.
Community Picks·4yLet’s Build Micro Frontends with NextJS and Module Federation!
Module Federation is a Webpack v5 feature that allows separate (Webpack) builds from a single application. It is similar to Apollo GraphQL federation but applied to JavaScript modules — browser and Node.js. The team behind NextJS has made incredible strides in a short period of time.
Community Picks·4yBuilding a Micro-frontend Framework
Micro-frontend architecture is a design approach in which a front-end app is decomposed into individual, semi-independent “microapps’ working loosely together. The idea is that the individual microapps within a macroapp (as we shall call the composed, top-level app) are analogous to the various iframes. There is still a long laundry list of issues to be aware of when using iframe.
freeCodeCamp·4yHow to Build a Modal with JavaScript
A pop-up window is called a modal, a web page element that pops up and displays in front of other page content. You can also use modals for other things like creating call-to-action elements, navigation menus, newsletter widgets, and more. In this tutorial, I'll walk you through { display: flex; align-items: center; justify-content: space-between; }.
Vercel·3yBuilding an interactive WebGL experience in Next.js – Vercel
Next.js is a JavaScript API for rendering 3D graphics within a web browser. By leveraging WebGL, we were able to take what would have been a static conference signup and turn it into the immersive Next.js Conf registration page. We now have some pieces to build a mini-game, but thin, uniform lines don’t look like the rays of light.
Community Picks·4yQuick guide to Generics in TypeScript
Generics allows us to pass types as parameters to almost any structure. This helps to create a truly reusable piece of code, remove duplicates, and improve your code flexibility. Generics can be used with the arrow-sy syntax as well: const grow, return Array(3).fill(plant)
Python in Plain English·4yPython Script That Kept Me Online All Day
Working from home is very stressful, especially when there are different time zones. Here is a small Python script that kept me online all day while doing work from home. Installing libraries pyautogui library PyAutoGUI lets Python control the mouse and keyboard, and other GUI automation tasks.
freeCodeCamp·3yThe Best Programming Language to Learn – Beginners Guide to Coding
Coding is one of the most valuable skills to learn today. Coding involves telling a computer what to do using a language both humans and machines understand. HTML and CSS are markup languages, and you use them to create static web pages.
This is Learning·3yValidate your data with Zod
Javascript doesn't disappear at runtime, and fortunately, it exists also at build time. Javascript is our Volta key for our solution. We can create a little HTTP module that helps us to be confident of the result get by the API. To do that, we can wrap the fetch API, and using the power of the generic type we can create this method like that.
Community Picks·4y2022 Minimalistic Web Developer Self Care Kit
The Odin Project is one of my favorite resources to learn web development. The Frontendmasters Frontend The Odin Project Reactiflux Tailwind Jamstack LearnWeb3DAO The Web Developer Bootcamp is the community discord for the udemy course the web developer bootcamp. Ask Questions: Is there anyone that knows React here?
