How to Migrate from create-react-app to Vite?
Łukasz Holeczek
Follow Łukasz Holeczek on GitHub
Connect with Łukasz Holeczek on LinkedIn
Follow Łukasz Holeczek on X (Twitter)
In the evolving landscape of web development, keeping up with efficient tools and processes is crucial for any developer looking to enhance performance and maintainability. Vite has emerged as a natural successor to Create React App (CRA) for many looking to build modern, single-page React applications. In this comprehensive guide, we’ll walk through the steps to migrate your project from CRA to Vite, with a focus on practicality and ease.
How to fix “SyntaxError: Cannot use import statement outside a module”?
Łukasz Holeczek
Follow Łukasz Holeczek on GitHub
Connect with Łukasz Holeczek on LinkedIn
Follow Łukasz Holeczek on X (Twitter)
In your development journey, encountering errors is a norm, but some can leave you scratching your head. One such instance is when you’re met with “Cannot use import statement outside a module” in JavaScript. This error can be a hurdle, but with the right guidance, you can overcome it easily. In this article, we’ll explore the why and how of fixing this common issue, equipping you with the tools to continue coding without interruptions.
Mastering the Spread Operator (`...`) in React.js
Łukasz Holeczek
Follow Łukasz Holeczek on GitHub
Connect with Łukasz Holeczek on LinkedIn
Follow Łukasz Holeczek on X (Twitter)
Introduction
In React.js, the three dots (...), commonly known as the spread operator, are a powerful tool for managing state, props, and arrays within your applications. The spread syntax simplifies many common tasks, such as merging objects, copying arrays, and passing props to components. Understanding how to effectively use the spread operator is crucial for building efficient and maintainable React components.
Using the JavaScript Spread Operator in React
Passing Props to React Components
One of the most common uses of the spread operator in React is when passing props to child components. Instead of manually specifying each prop, you can use the spread syntax to pass all properties of a props object at once.
How to use Bootstrap 5 in React.js - an original tutorial with (not original) examples
Łukasz Holeczek
Follow Łukasz Holeczek on GitHub
Connect with Łukasz Holeczek on LinkedIn
Follow Łukasz Holeczek on X (Twitter)
Bootstrap is a holy Grail for most of us - it’s the most popular HTML, CSS and most of all JS library in the world. And as a Christmas miracle—Bootstrap v5.3.0-alpha1 has arrived during the holiday break, so… let’s dig inside and check how to use bootstrap in React.