Digital Ocean Tutorial Commands

Contains all external JavaScript libraries used by your React app, and you will rarely need to modify it.

Contains base HTML, JSON, and image files that form the foundation of your React project.

Contains React JavaScript code for the project, where you'll spend most of your time coding.

A file that tells git to ignore certain files or directories (like node_modules) during version control.

A markdown file that provides information about your Create React App project, including commands and links to advanced configuration.

Contains metadata about your project, such as the title, version number, and dependencies.

Ensures that the correct versions of dependencies are installed, preventing issues when others work on the same project.

A command-line tool used to manage JavaScript packages and dependencies.

The command to start the development server in a React project.

Executes the test code in a React project.

Compiles and minifies React code into static files for production deployment.

It's used to create a new React project using the Create React App template.

A directory where your React project is located.

A package manager for JavaScript that allows you to install, manage, and update dependencies for your projects.

Pre-built scripts that perform common tasks in React projects.

A folder containing your React project's source code and other related files.

A directory created by running the 'npm run build' command, containing optimized and minified versions of your project files.

A script defined in your 'package.json' file, that runs a specific task when you execute it. Common examples are 'start', 'build', 'test', and 'eject'.

A command used to run a defined npm script inside of your project. For example, 'npm run build' would execute the 'build' script.

A command used to start your development environment, allowing you to see your project live in real-time.

The process of turning your React code into a usable production bundle, optimizing it for size and performance.

A directory that holds all the dependencies (libraries) needed by your React project.

A special type of script that doesn't require the 'run' keyword, but works even if you include it. It starts up a test runner called Jest, which looks for files with specific extensions and executes them.

A script that uses Jest to find and run files with specific extensions ('.test.js' or '.spec.js').

The files that define tests for your code.

A collection of tests in a file.

Running the 'npm test' command in your terminal.

The results displayed in your terminal after running the test script.

The ability to run tests only on changed files, saving time during development.

A script that copies dependencies and configuration files into your project, giving you full control but removing you from the Create React App toolchain.

A tool that handles build configurations for React applications, eliminating manual configurations for tasks like compiling, bundling, and transpiling.

The process of customizing and making your React project independent of Create React App by extracting the configuration files and dependencies.

A production-ready build of your React project, optimized for performance and efficiency.

A local development server that starts with the 'npm start' command, and allows you to view your React app while it's still under development. It automatically reloads changes to the browser after edits are made.

A feature of the development server that automatically reloads your app in the browser when code changes are detected.

The default port that the development server usually uses to run the app.

The address of the running project on your local machine, which can be accessed in a web browser. It is the gateway to your app, running on the development server.

How to stop the development server in a React project.

The folder where your project's main HTML file is located and serves as the root of your application. It's the foundation of your React project.

A file that contains information for web crawlers, telling them which pages they can or cannot index.

A file containing metadata about your project, such as the title, version, and dependencies. It's the heart of your project's information.

The command-line tool used to manage JavaScript packages and dependencies. It's a powerful way to manage your project's resources.

A directory that contains all the external JavaScript libraries used in your React application. You rarely need to change it.

The directory in a React project that holds all the React JavaScript code. This is where the magic happens.

A file in a React project that tells git which files or directories to ignore when managing versions, often used for excluding temporary files or system-specific folders.