Mastering Create-react-app

Mastering Create-react-app

Create-react-app is a method to automatically set up a production-ready React application. So, in here, we will learn how to master create-react-app. This starter pack is the most comfortable way to automatically create a production-ready React project

A couple of years ago, I was in a recruitment process for a frontend developer position, which included coding a simple project. The briefing was not complicated and I could use any coding language I wanted.

After my delivery, the company scheduled an interview to discuss my solution. I was very confident. I met all the requirements, I created a usable UI, I polished my code, therefore I was very proud of my solution.

A senior developer sat with me, with my project open on his laptop, and asked the first question: Why are you using a serviceWorker?

I froze completely. I had no idea what he was talking about.

After making a fool of myself for starting a technical interview clueless, the following questions were no better.

“What is this App.test.js file for?”, the interviewer asked.

“Oh at least this one I know!”, I thought. “That file is for testing purposes”

“So, what are you testing in this file then?”

I wasn’t testing anything. Just as the serviceWorker, those files were automatically created when I run create-react-app to automatically set up my project and I started to code without paying any attention.

The rest of the interview went better. I knew how to answer everything about my coding decisions, but unfortunately, I already had made a first bad impression.

Companies are looking for developers that know what they are doing. They don’t oppose using unofficial setup commands, as is the case of create-react-app,and they are fortunately not looking for people who deeply understand how to configure complex tools like webpack or Babel. However, they expect candidates to understand their own work and not do things arbitrarily.

That day, I learned a valuable lesson: I had to deeply understand my project's configuration.

Two years after, I would like to share some knowledge about this subject with you.


Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

How native is React Native? | React Native vs Native App Development

Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.

How to Select and Hire the Best React JS and React Native Developers?

Hire React JS developer from Technoduce, we have a team of experienced and expert Angular JS developer. With our hire React JS developer, you have complete control over the technical resource throughout the development process.

What are hooks in React JS? - INFO AT ONE

In this article, you will learn what are hooks in React JS? and when to use react hooks? Also, we will see the react hooks example.

Build a simple React Native Pokemon app with React-Navigation

As we start learning new technologies we want to start building something or work on a simple project to get a better understanding of the technology.

Share Code Between React Native and React JS

React provides support for the server-side and frontend. Today, React development services are in demand as more and more organizations are considering software solutions that are crafted from the framework.