How to Write Cleaner React Code

As you can see, there are a lot of files that are created automatically for you when you create a React application using the create-react-app node package. Since you will be writing your own custom code, you do not need all the auto-generated code and files in your application. So, let’s clean up some unnecessary code before you actually move on to building the application.

Follow the steps mentioned below to remove the unwanted code and files from your application:

1. Inside the src folder, go to the App.js file.

   • Remove all the code written inside the div  of the return statement of render  method inside the App  class.

   • Remove the className="App"  from the outer div  while leaving the outer div  as it is. 

   • Remove the import statements at the top of the file for the logo.svg and App.css files. After doing this, the App.js  file looks like this:

      

     

2. Inside the src  folder, delete the App.css  file.

3. Inside the src  folder, delete the logo.svg  file.

At this stage, you should commit your code into your repository with “Codebase Cleanup” as the commit message. You can view the changeset here.