Skip to content

Commit 3bd8fc6

Browse files
[fix] linting issues and improve the structure of the files.
1 parent 2f4e9fb commit 3bd8fc6

File tree

5 files changed

+9
-8
lines changed

5 files changed

+9
-8
lines changed

content/guides/reactjs/_index.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,7 @@ The React.js language-specific guide shows you how to containerize a React.js ap
1919

2020
>
2121
> **Acknowledgment**
22+
>
2223
> Docker extends its sincere gratitude to [Kristiyan Velkov](https://www.linkedin.com/in/kristiyan-velkov-763130b3/) for authoring this guide. As a Docker Captain and experienced Front-end engineer, his expertise in Docker, DevOps, and modern web development has made this resource invaluable for the community, helping developers navigate and optimize their Docker workflows.
2324
2425
---

content/guides/reactjs/configure-ci-cd.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -50,10 +50,10 @@ To enable GitHub Actions to build and push Docker images, you’ll securely stor
5050

5151
In your newly created GitHub repository:
5252

53-
- Navigate to:
54-
`Settings``Secrets and variables``Actions``New repository secret`.
53+
1. Navigate to:
54+
**Settings → Secrets and variables → Actions → New repository secret**.
5555

56-
- Add the following secrets:
56+
2. Add the following secrets:
5757

5858
| Name | Value |
5959
|-------------------|--------------------------------|
@@ -63,7 +63,7 @@ To enable GitHub Actions to build and push Docker images, you’ll securely stor
6363

6464
These secrets let GitHub Actions to authenticate securely with Docker Hub during automated workflows.
6565

66-
5. **Connect Your Local Project to GitHub**
66+
5. Connect Your Local Project to GitHub
6767

6868
Link your local project `docker-reactjs-sample` to the GitHub repository you just created by running the following command from your project root:
6969

content/guides/reactjs/containerize.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -439,10 +439,10 @@ In this guide, you learned how to containerize, build, and run a React.js applic
439439

440440
What you accomplished:
441441
- Initialized your project using `docker init` to scaffold essential Docker configuration files.
442-
- Replaced the default `Dockerfile` with a **multi-stage build** that compiles the React.js application and serves the static files using **Nginx**.
442+
- Replaced the default `Dockerfile` with a multi-stage build that compiles the React.js application and serves the static files using Nginx.
443443
- Replaced the default `.dockerignore` file to exclude unnecessary files and keep the image clean and efficient.
444444
- Built your Docker image using `docker build`.
445-
- Ran the container using `docker compose up`, both in the foreground and in **detached mode**.
445+
- Ran the container using `docker compose up`, both in the foreground and in detached mode.
446446
- Verified that the app was running by visiting [http://localhost:8080](http://localhost:8080).
447447
- Learned how to stop the containerized application using `docker compose down`.
448448

content/guides/reactjs/deploy.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: Test your React.js deployment
33
linkTitle: Test your deployment
4-
weight: 50
4+
weight: 60
55
keywords: deploy, kubernetes, react, react.js
66
description: Learn how to deploy locally to test and debug your Kubernetes deployment
77

content/guides/reactjs/run-tests.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -177,4 +177,4 @@ Explore official references and best practices to sharpen your Docker testing wo
177177

178178
## Next steps
179179

180-
Next, you’ll learn how to set up a CI/CD pipeline using **GitHub Actions** to automatically build and test your React.js application in a containerized environment. This ensures your code is validated on every push or pull request, maintaining consistency and reliability across your development workflow.
180+
Next, you’ll learn how to set up a CI/CD pipeline using GitHub Actions to automatically build and test your React.js application in a containerized environment. This ensures your code is validated on every push or pull request, maintaining consistency and reliability across your development workflow.

0 commit comments

Comments
 (0)