Tools & Libraries
![Exploring the Top Lightweight Alternatives to React in 2023](jpg/1668653182python-regex.jpg)
In this article, we'll delve into some of the best lightweight alternatives to React, including a relative newcomer to the scene – htmx.
![Top React Testing Libraries in 2023: A Comprehensive Review](jpg/1690542836react-testing-libraries.jpg)
In this article, we will explore some of the top React testing libraries. We'll examine their features, and look at the pros and cons.
![Installing Multiple Versions of Node.js Using nvm](png/1581652829nvm-node-multiple.png)
Michael and James introduce nvm, a handy command-line tool that allows you to install multiple versions of Node.js and switch between them with ease.
![Simple State Management in JavaScript with Nanny State](png/1656036571nanny-state.png)
Nanny State helps you manage state simply and efficiently in JavaScript without Redux, Vuex or other large libraries
![15 JavaScript Libraries for Creating Beautiful Charts](jpg/1653382045charting.jpg)
The best JavaScript charting libraries for creating and graphs and figures. From the scientific to the simple.
![Build a Reading List with Svelte](jpg/1643934928svelte-introduction.jpg)
Learn how to take your first steps with Svelte, a relatively new JavaScript frontend framework for developing websites and web apps.
![The Most Popular React UI Component Libraries](jpg/1651462170react-ui-components.jpg)
A UI library can help kickstart your React app or web dev project. Learn about 9 popular React UI component libraries and when to use them.
![Yarn vs npm: Everything You Need to Know](jpg/1631950170package-management-npm-vs-yarn.jpg)
Modern web development is virtually impossible without a package manager. Our Yarn vs npm comparison will help you decide which to use.
![5 React Architecture Best Practices for 2023](png/1619743379react-architecture.png)
It's tricky to keep your codebase organized as your React project grows. Here are five best-practice tips for organizing your large React app.
![Learn Remotion: Create Animated Video with HTML, CSS & React](png/1617583244remotion-video-animation-react.png)
You don't need fancy video-editing software to create videos containing text, animations, colors, and shapes. Learn how to do it in React with Remotion!
![How to Fetch Data from a Third-party API with Deno](jpg/1614573356denodata-1250-lossy.jpg)
Ever wished Node was more secure and came with TypeScript support out the box? Deno offers this and more. Learn why many are switching from Node to Deno.
![How to Test React Components Using Jest](png/1475698586jest2-01.png)
Need to test your React components? Check out Jest, a testing framework by Facebook with some great features that make testing React components a breeze.
![Create React App: Get React Projects Ready Fast](jpg/1605190430cra.jpg)
Learn how to generate a new React project with the command-line tool Create React App, using a pre-configured webpack build for development.
![20 Essential React Tools](png/1584060844react-tools.png)
With dev tools and libraries in the React ecosystem forever growing, Camilo provides a list of essential React tools for you to focus on.
![How to Bundle a Simple Static Site Using Webpack](jpg/1603371426webpack-static-site-1200.jpg)
You don't need to be working on a fancy, large-scale project to use Webpack. James Hibbard demonstrates how you can use it to bundle a simple static site.
![Getting Started with Gatsby: Build Your First Static Site](jpg/1601469285gatsby-construction.jpg)
Gatsby is the Jamstack king, with power, plugins, and community. Our guide will help you get started with Gatsby's basic use case — a static site generator.
![Managing Dates and Times in JavaScript Using date-fns](png/14991591242017.06.28-date-fns.png)
Learn date-fns, a functional date library, and a lightweight alternative to Moment.js. With 130+ functions for all occasions, it's like Lodash for dates.
![6 Top JavaScript UI Frameworks & Libraries for 2020](jpg/1593783519library.jpg)
The JavaScript ecosystem offers countless UI frameworks and libraries. These top options help developers build complex reactive apps that scale well.
![How to Create a QR Code Reader for Your Mobile Website](png/1591752091qr-code-reader.png)
Take advantage of QR codes without the need for a native app. Dmitri and Paul demonstrate how to build a QR code reader using just HTML, CSS and JavaScript.
![10 Must-have VS Code Extensions for JavaScript Developers](png/1587003186vscode-extensions.png)
Michael lists a selection of must-have VS Code extensions for JavaScript developers, showing why VS Code is a serious contender for best code editor.
![Local Authentication Using Passport in Node.js](png/1585544614local-auth.png)
Paul Orac shows how Passport, Node.js, Express, and MongoDB can be used to implement local authentication with a MongoDB back end.
![How to Debug a Node.js Application: Tips, Tricks and Tools](png/1491329546nodebugsa-01.png)
Craig Buckler presents a series of tips, tricks, techniques and tools for debugging a Node.js application.
![Managing Dates and Times Using Moment.js](jpg/1584337699m0021-12.jpg)
This article introduces Moment.js, a popular JavaScript library that is a Swiss Army knife for working with dates and times.
![Node Package Manager Guide: Install npm + Use Commands & Modules](png/1583709471npm.png)
This step-by-step guide will show you how to install npm, and master common commands in the Node Package Manager (npm) command-line interface.
![How to Build a File Upload Form with Express and DropzoneJS](jpg/1582725021file-upload.jpg)
Lukas White takes an in-depth look at DropzoneJS — an extremely configurable JavaScript library that takes that makes dealing with file uploads fun again.
![Build a JavaScript Command Line Interface (CLI) with Node.js](png/1581037768node-cli.png)
Lukas White and James Hibbard show how to create a simple command-line app that interacts with the GitHub API to initialize Git repositories.
![Using MySQL with Node.js and the mysql JavaScript Client](png/1579220934node-mysql.png)
This guide shows how to use the mysql module to connect to your database and perform basic CRUD operations, before moving on to some more advanced uses.
![Svelte App Project: Build the Daily Planet’s News App UI](jpg/1570511738ws13.jpg)
Ahmed Bouchefra shows how to build a simple news app using Svelte, explaining what Svelte is and how to create a Svelte project using the degit tool from npm.
![How to Redesign Unsplash Using Styled Components](jpg/1567037874styled-components.jpg)
Akshay Kadam introduces Styled Components, a JS-based means of adding styles to your React project, and then shows how to use them in practice by imitating the Unsplash interface.
![A Guide to Visual Testing with Percy](jpg/1565226062visual-testing-percy.jpg)
Michael Wanyoike shows how to set up and run visual testing for your project with Percy, using an API-driven SPA using real-world data. You’ll learn how to visually test UIs that output dynamic data, and about Percy’s visual review and approval workflow.