Community Picks·4yJavaScript Patterns Workshop
The goal is to raise awareness to certain patterns, the problems they solve, and their implementation. The patterns covered on this website and in the workshop can guide you when facing a problem other developers have encountered many times before, but are not a blunt tool for jamming into every scenario.
freeCodeCamp·4yHow to Prepare for React Interviews – Front-End Technical Interview Guide
A polyfill is a custom implementation of native JavaScript functions. The.map() polyfill method takes in a callback that gets executed inside the myMap body. This is nothing but the length of the array through which theMyMap function is called. Since map() returns a new array, we create an empty array and push the results into it. In order to implement debouncing, let's take an example.
Better Programming·4yGoodbye Electron. Hello Tauri, A Rust-powered Backend Framework
Electron is a Rust-powered Backend Framework paired with a React frontend to offer an awesome browser-less experience. Tauri is a toolkit that helps developers make applications for the major desktop platforms — using virtually any frontend framework in existence. For completeness, you can find the entire code base for my community project on my Gitlab.
Dev Genius·4yHow to write maintainable JavaScript code in 2023 — Web or Node.js
Using TypeScript everywhere is best suited for JS developers with at least medium experience. Don’t be scared of TypeScript. Use prototypes and/or MVPs before implementing complex features. Use ESLint and Prettier together and you can focus on what your code does. If you use prettier, it will join multi-line breaks.
Tuts+·4yLearn React 18: The Complete React Developer Course
Learn React 18: The Complete React Developer Course is 3 hours 40 minutes long and it’s split into 27 lessons in total. In React, we primarily use props (short for properties) to pass data to our components. The easiest way to understand props is to think of them like the attributes you can pass to HTML elements in web development.
Community Picks·4yESLint + Prettier + Typescript and React in 2022
ESLint is a JavaScript linting open source project and is used to find problems and syntax errors in your code. It will help us find broken logic that would be found only in run time. We are going to use the basic configuration of ESLint and Prettier. If you want to learn more about ESLint rules you can check out the rules page. Don’t hesitate in commenting below.
Community Picks·4yThe Power of JavaScript Generators
This talk explores how JavaScript generators work, what makes them so powerful, and why you should care. Generators have been around in JavaScript since ES2015, yet they remain largely ignored by many JavaScript devs, who don't see why or how they’d use them.
asayer·4yWorking with Dates and Times with Day.js
Day.js is a straightforward JavaScript tool for manipulating, displaying, and validating dates and times. It can be used in client-side and server-side rendering and works flawlessly in both scenarios. When we run Day. JS in the browser, the.format() method returns a string in ISO format. This is fairly similar to the vanilla JavaScript’s to ISOString() date constructor method.
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.
Community Picks·4yJavaScript sending data between windows
JavaScript sending data between windows with JavaScript can be used to open a popup window. A specific action could be done on the popup window and the original window that invoked the popup required to receive the choice. This might sound a bit crazy to build, but it's easier than you think.
freeCodeCamp·4yHow the JavaScript DOM Works – A Practical Tutorial
DOM is a Web API that allows developers to use programming logic to make changes to their HTML code. In this tutorial, you'll learn what the DOM is and how it works in a practical way. In our style-css file, we'll first of all set our general styles like this. Then, we will style our colors and colors.
Community Picks·4yBest practices for creating a modern npm package
You will first learn how to create an npm package, so you can get familiar with building and publishing a package. Then you’ll learn what’s involved with making a more robust and production-ready package by setting up a test framework, a continuous integration and deployment pipeline, security checks, and automated semantic npm publish.
Community Picks·4yIslands Architecture
Islands architecture borrows concepts from different sources and aims to combine them optimally. Marko is an open-source framework developed and maintained by eBay to improve server rendering performance. Astro: Astro is a static site builder that can generate lightweight static HTML pages from UI components built in other frameworks such as React, Preact, Svelte,
Community Picks·4yThe new wave of Javascript web frameworks
This post will get us up to speed on the bleeding edge of frameworks in the Javascript ecosystem. It's challenging for those entering the industry to follow what’s happening amongst the new libraries, frameworks, concepts, and strong opinions. We’ll make sense of the current landscape by looking at the past pain points when Frameworks like Backbone and Knockout and many others popped up.
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·4yWhy Create React App is Outdated in 2022
Create React App uses Client Side Rendering (CSR) to bundle the Javascript files and builds one single file to render it all on the client. This is all done within the client’s browser as React does not have access to Server Side Renders (SSR) in the default configuration.
Syncfusion·4yJavaScript API Mocking Techniques
API Mocking Mocking is a client-side mocking framework that mocks the API in the browser by using the Pretender library. It has many built-in tools: serializer, route handlers, database, models, fixtures, and factories. It enables emulating dynamic behavior between the front end and back end, rather than mocking the same response over and over again by hitting an endpoint.
freeCodeCamp·4yJavaScript DOM Tutorial – How to Build a Calculator App in JS
The Document Object Model (DOM) is a logical structure that defines how elements in a document can be manipulated and changed. You must first learn how to access elements in the DOM before you can manipulate it. How to create a DOM Element JavaScript requires that any element be created before it can be added to the DOM. For this, we use the document.createElement() method.
DEV·4yDatabase GUIs in JavaScript
Traditional tools are often written in Java, C++ or Delphi and they use good old JDBC, ODBC or ADO.NET drivers for accessing database. Almost all tools are open-source. If you know about other tool not listed in this article, you could write about it in comments below. For SQLlite I actually use Firefox.
Medium·4yBasic JavaScript — JavaScript for Beginners — Part 1
The default value of variables that do not have any value is undefined. A variable name cannot be a reserved keyword in JavaScript, e.g. var, function, return cannot be variable names. Variables declared inside a { } block can be accessed from outside the block. The const the keyword was introduced in ES6 (2015). Variables defined const cannot be Redeclared.
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.
