Continuous Integration (CI) tools are pivotal in automating the software development process, especially for dynamic frameworks like React. In 2024, the landscape of CI tools has evolved, offering more specialized, efficient, and developer-friendly options. Here’s a curated list of the seven best CI tools for React developers, starting with the revolutionary Ripple.
For React developers, the choice of a CI tool can significantly impact the development workflow and product quality. While Ripple CI/CD specializes in component-driven development, there are several other tools in the market each offering unique features that cater to frontend development and ReactJS projects. Check out "7 Best CI/CD Tools for React in 2024" by Jonathan Saring for an exploration of the best options on Bits and Pieces.
Other popular stories this week include "Create an Interactive BPMN Viewer and Editor Using the JavaScript Diagram Control" on Syncfusion, "Efficient JavaScript: Leveraging Operators for Clean Code" and "Node Test Runner: skip a test if an environment variable is missing/empty".
General
Micro Frontends with Vite and Bit
In this tutorial, you'll learn the steps to create a micro frontend application leveraging the capabilities of Vite, Bit, and the modern browser. Our Micro Frontend applications (MFEs) and their...
Authored by: Bit
Recursive JSON Explorer In Alpine.js 3.13.5
Ben Nadel creates a recursive JSON data structuring rendering with Alpine.js 3.13.5.
Authored by: Ben Nadel
Create an Interactive BPMN Viewer and Editor Using the JavaScript Diagram Control
A business process can be confusing for anyone who is not directly involved with the process. A business process model and notation (BPMN) diagram visually represents a complex business process in a form similar to a flowchart. Such a diagram can be shared across organizations and industries to communicate the necessary information to complete a process.
Authored by: Syncfusion
JavaScript
Efficient JavaScript: Leveraging Operators for Clean Code
Hope you're having a great new year! In today's article, we'll dive into the world of JavaScript operators and discover how they can help you write cleaner and more efficient code. Embark on this...
Authored by: In Plain English
JavaScript Array Length - How to Find the Length of an Array in JS
JavaScript arrays are fundamental data structures that allow you to store and manipulate collections of elements efficiently. While working with arrays, you'll often need to know their length. The length of an array tells us how many elements are present in the array. You can use this to check if
Authored by: JavaScript Kicks
Explaining Promises, Async, and Await in JavaScript
Modern JavaScript is built on promises and callbacks. Let's learn what promises are and how we can make their usage easier using async functions.
Authored by: Unicorn Utterances
Demystifying JavaScript's Symbol Data Type
JavaScript's Symbol data type is often overlooked, but it's a game-changer for developers who want to write more organized and conflict-free code. In this article, we'll explore what Symbols are, how...
Authored by: JavaScript Kicks
TypeScript
Using Generics In TypeScript: A Practical Guide
TypeScript, a strongly typed language built on top of JavaScript, has revolutionized the way developers write code for large-scale applications by providing advanced typing features and tools, such...
Authored by: JavaScript Kicks
Angular
View Word, Excel, and PowerPoint Files in Angular Application
This blog explains how to view Microsoft Office files (Word, Excel, and PowerPoint) in an Angular application using the Syncfusion PDF Viewer. This is achieved by converting Microsoft Office files into PDFs and loading them into the PDF Viewer.
Authored by: Syncfusion
Angular Signals with Pavel Kozlowski & Alex Rickabaugh (JS Party #310)
KBall & Amal interview Alex & Pavel from the Angular Signals team. They cover the history, how the Angular team decided to move to signals, what the new mental model looks like, migration path & even dive into community integrations and future roadmap.
Authored by: JS Party
Angular PWA. Install, configure and run it.
Do you have an Angular Web Application which is also designed for mobile users? Then converting it to be a Pogressive Web App will boost the usability of your app and satisfy the customers. In this...
Authored by: JavaScript Kicks
React
Building a Theme Switcher in React
This guide expands on our earlier discussions about creating composable themes for React components, focusing on design tokens, theme providers, and context for customizable styling. Here, we'll...
Authored by: Bit
3 Useful React Hooks You Don't Know About
As a developer, I find React Hooks pivotal in writing function components and managing state without the need for classes. Among these...
Authored by: JavaScript Kicks
Mastering React Idle Timer: A Comprehensive Guide
Idle logout is a security measure used in applications to automatically log out users after a certain period of inactivity. This is particularly useful in scenarios where sensitive information is...
Authored by: In Plain English
Libraries and Tools
Top 10 Tools Every React Developer Needs in 2024
Over the past few years, React has firmly established itself as the go-to library for developing front-end applications. Alongside React's rise in popularity, its tool ecosystem has experienced...
Authored by: Bit
7 Best CI/CD Tools for React in 2024
Continuous Integration (CI) tools are pivotal in automating the software development process, especially for dynamic frameworks like React. In 2024, the landscape of CI tools has evolved, offering more specialized, efficient, and developer-friendly options. Here’s a curated list of the seven best CI tools for React developers, starting with the revolutionary Ripple.
Authored by: Bit
Testing
Node Test Runner: skip a test if an environment variable is missing/empty · Code with Hugo
The node:test module is a built-in test runner and orchestrator in Node.js. It’
Authored by: Hugo Di Francesco
Cypress Flaky Tests Exercises
No one likes flaky tests, not even their mama (you who wrote them). Luckily, most flaky tests come from several specific places: application taking time to process a user action, page re-rendering, et
Authored by: Gleb Bahmutov