Tag: React

Mechatronics, Software Engineering, Woodworking, and "Making" in General

Evaluating ECharts as a General-Purpose Charting Library for React Applications

ECharts, developed by Baidu, is a powerful charting and visualization library that offers a wide range of chart types and has become increasingly popular in the JavaScript community. When considering its use in a React application, especially one that requires diverse charting capabilities, several factors need to be evaluated. Let’s break down the analysis of…
Read more

React Component Library Evaluation Selection and Pros/Cons of Popular Libraries

React is a popular JavaScript library for building user interfaces. It allows developers to create reusable components that can handle data and state changes. However, not all components are created equal. Some may have better performance, accessibility, documentation, or design than others. How can we evaluate and compare different React component libraries to find the…
Read more

NPM vs Yarn: Which One Should You Use for Your React Project?

If you are a React developer, you might have wondered which package manager to use for your project: npm or yarn. Both are popular tools that help you install and manage dependencies, run scripts, and automate tasks. But what are the main differences between them, and how do they affect your development workflow? In this…
Read more

Sentry for Web Application Monitoring: Setup

In this post I’m focusing mainly on how to set up an application to use Sentry for application monitoring. First, let’s introduce Sentry to give some context. What is Sentry? Sentry is a software platform that helps developers monitor and fix errors in their applications. Sentry provides real-time feedback, crash reporting, performance monitoring, and user…
Read more

Sharing Data Between Micro Frontends: React Context

React context can be used to share state data across micro frontends. React context provides a way to pass data through the component tree without having to pass props down manually at every level. This can be useful for sharing state data between different parts of an application, including micro frontends. To use React context…
Read more

Deploying React App with Vercel and Vite

If you’re building a React application, you may be familiar with tools like Create React App or Next.js for setting up your development environment and deploying your app. However, there’s a newer alternative that’s gaining popularity: Vite. Vite is a build tool that promises faster development and build times, thanks to its use of native…
Read more

Micro Frontends: Fundamental Concepts

What are “micro frontends” and how should they be used? Some fundamental concepts of micro frontends are: Converting Monolithic Application into Micro Frontends Enterprise Application Focus As enterprise applications grow in complexity and scale, it becomes increasingly difficult to manage them as a single monolithic application. Changes to one part of the application can have…
Read more

When to build a component library (and when not to)

One of the common questions that React developers face is whether they should build a component library for their applications or not. A component library is a collection of reusable UI elements that can be shared across different projects and teams. Building a component library can have many benefits, such as: However, building a component…
Read more

Test Driven Development for React Applications and overview of testing frameworks

Test-driven development (TDD) is a software development process that involves writing automated tests before writing the actual code. The idea is to specify the expected behavior and functionality of the code, and then write the code that passes the tests. This way, the code is more reliable, maintainable, and easier to refactor. But how can…
Read more