react.md

Front End

Explanation of the tool and it's purpose. Be Brief and say it concisely in a sentence

React Key Terms

Hooks

Special functions that make components simpler to use by allowing you to keep components cleaner and reuse logic more easily.

• Add local state to function components (useState).
• Use lifecycle methods like mounting, updating, and cleanup (useEffect).
• Access context in a simple way (useContext).

LifeCycle Events

React component have a life cycle, which consists of three phases:

• Mounting, that is putting inserting elements into the DOM.
• Updating, which involves methods for updating components in the DOM.
• Unmounting, that is removing a component from the DOM. **********

NEXT.js Key Terms

layout.tsx

This file sets up the basic structure for all pages in the Next.js app.

global.css

This file sets up the basic css structure for all pages in the Next.js app.

Client Components

Server Components

UI that can be rendered and optionally cached on the server **********

---

GETTING STARTED COMMANDS

COMMAND EXPLANATION

docker ps -a
-a show all containers

**********

COMMAND

``
-

**********

COMMAND1

``
-

**********

---

ADVANCED COMMANDS

COMMAND2

``
-

**********

COMMAND3

``
-

**********

---

Configs

Name_of_config

What does the config do
Config example and definition of each term

**********

---

Processes

Process

1. steps
2. step
3. step

**********

---

Links

Name