The React Team has recently released a new alpha version of React 18. The main addition to this new version is concurrent features that improve the performance of your React application.
The notable features you can already try in React 18 are as follows:
startTransitionAPI for non-urgent state updates
To try out React 18 Alpha in your project, you can install the
@alpha version from NPM or Yarn:
npm install react@alpha react-dom@alpha
yarn add react@alpha react-dom@alpha
If you bootstrap your React…
IMPORTANT: Since Bit Harmony is still in its beta phase it is likely that some of the steps in this tutorial will no longer be relevant. If that happens, please check with the official docs.
By using Bit Harmony, you will be able to:
Developer tools like Webpack can even run in watch mode to monitor your project files for changes. As soon as Webpack detected a change, it will rebuild the application and the browser is reloaded automatically.
But soon developers started to think, is there a way to actually save and reflect changes to the browser without reloading? After all, reloading means losing whatever process you’re making on the UI:
Webpack has been the most popular bundling tool for front-end development with React, and since both Create React App and Next.js used Webpack by default, I never bothered to learn about other bundlers before.
This tutorial will show you how to create a React-Rollup starter app from scratch and how Rollup…
Date object implementation was copied directly from Java’s
Date Class. Java maintainers eventually deprecated many of
Date class methods and created the
Calendar Class in 1997 to replace it.
Date API never got a proper fix, which is why we have the following problems with it today:
Dateobject is mutable
Currently, there’s no way to…
Zero is a web framework that simplifies modern web development by allowing you to mix different programming languages and libraries when developing your web application.
You can write your application code in a mix of Node.js, React, Vue, Python, or even regular HTML. Zero will manage your project’s dependencies and serve them all for you.
Here are some of the main benefits of using Zero Server:
Languages and libraries supported by Zero include:
ES2021 or ES12 is scheduled for release sometime in June 2021. Here are some new features that you can expect from the ECMAScript proposal status from TC39:
This post will help you to understand the use of each new feature, starting from the first one.
String.prototype.replaceAll() method allows you to replace all occurrences of a substring with another string that you defined. Currently, the
.replace() method only replace the first occurrence of the substring while ignoring the rest:
const queryString = 'q=query+string+parameters';
const withSpaces = queryString.replace('+', ' ');
console.log(withSpaces); // q=query…
Aleph allows you to build React application that uses server-side rendering by default. Since it uses Deno, it doesn’t need to use Webpack for
This also means you don’t need to install packages to the
node_modules folder and write the
package.json file. All dependencies can be imported using ESM URL and managed by Aleph.js. For example, you can use the global ESM CDN called esm.sh to import any libraries that you need:
When you need to filter an array with multiple values or criteria, you can use the
.filter() and write multiple validations in the callback function.
If you need a reminder on the
filter method, here's a quick introduction. Otherwise, Let's see an example of multiple filters in action.
Let’s say you have an array of numbers as follows:
let numbers = [3, 7, 2, 15, 4, 9, 21, 14];
You want to filter the numbers to include only those higher than
3 and lower than
Here’s how you do it with
let numbers = [3, 7, 2, 15…