Skip to content

Commit dfcfbfa

Browse files
kristiyan-velkovkristiyan-velkov
committed
[feat] Init commit with React.js 19 application.
0 parents  commit dfcfbfa

20 files changed

+5518
-0
lines changed

‎.gitignore‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# Logs
2+
logs
3+
*.log
4+
npm-debug.log*
5+
yarn-debug.log*
6+
yarn-error.log*
7+
pnpm-debug.log*
8+
lerna-debug.log*
9+
10+
node_modules
11+
dist
12+
dist-ssr
13+
*.local
14+
15+
# Editor directories and files
16+
.vscode/*
17+
!.vscode/extensions.json
18+
.idea
19+
.DS_Store
20+
*.suo
21+
*.ntvs*
22+
*.njsproj
23+
*.sln
24+
*.sw?

‎README.md‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
# Docker React.js Sample Project
2+
3+
This project demonstrates how to effectively containerize a modern React.js application using Docker for both **development** and **production** workflows.
4+
5+
It is used as part of the [official Docker React.js sample](https://docs.docker.com/guides/reactjs/), showcasing industry best practices for front-end containerization—including secure builds, streamlined development workflows, and optimized production delivery.
6+
7+
**Author**
8+
9+
- [Kristiyan Velkov](https://www.linkedin.com/in/kristiyan-velkov-763130b3/)
10+
- [Blog - Medium](https://medium.com/@kristiyanvelkov)
11+
- [Front-end World Newsletter](https://kristiyanvelkov.substack.com)
12+
13+
---
14+
15+
## Security
16+
17+
This Docker image has been thoroughly scanned for vulnerabilities to ensure a secure environment for your React.js application. The image has passed all vulnerability assessments using Docker's built-in security tools, including Docker Scout. Regular updates to the base image and dependencies are recommended to maintain a high level of security.
18+
19+
<div align="center">
20+
<img src="./images/react-js-security.png" alt="Docker Scout check" />
21+
</div>
22+
23+
---
24+
25+
### 📌 Contribution
26+
27+
Contributions are always welcome, whether it's reporting issues, improving documentation, fixing bugs, or adding new features. This project is for everyone! 💙
28+
And yes, it's open-source! 🎉
29+
30+
---
31+
32+
### 📬 Contact
33+
34+
Feel free to reach out to me on [LinkedIn](https://www.linkedin.com/in/kristiyan-velkov-763130b3/) or [Medium](https://medium.com/@kristiyanvelkov).
35+
36+
---
37+
38+
### ☕ Support My Work
39+
40+
If you find my work helpful and would like to support me, consider donating via:
41+
42+
- [Revolut](https://revolut.me/kristiyanvelkov)
43+
- [Buy Me a Coffee](https://www.buymeacoffee.com/kristiyanvelkov)
44+
- [GitHub Sponsors](https://github.com/sponsors/kristiyan-velkov)
45+
46+
Your support helps me continue creating valuable content for the community. Thank you! 🚀
47+
48+
---
49+
50+
### License
51+
52+
This project is licensed under the MIT License.

‎eslint.config.js‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
import js from '@eslint/js'
2+
import globals from 'globals'
3+
import reactHooks from 'eslint-plugin-react-hooks'
4+
import reactRefresh from 'eslint-plugin-react-refresh'
5+
import tseslint from 'typescript-eslint'
6+
7+
export default tseslint.config(
8+
{ ignores: ['dist'] },
9+
{
10+
extends: [js.configs.recommended, ...tseslint.configs.recommended],
11+
files: ['**/*.{ts,tsx}'],
12+
languageOptions: {
13+
ecmaVersion: 2020,
14+
globals: globals.browser,
15+
},
16+
plugins: {
17+
'react-hooks': reactHooks,
18+
'react-refresh': reactRefresh,
19+
},
20+
rules: {
21+
...reactHooks.configs.recommended.rules,
22+
'react-refresh/only-export-components': [
23+
'warn',
24+
{ allowConstantExport: true },
25+
],
26+
},
27+
},
28+
)

‎images/react-js-security.png‎

21.9 KB
Loading

‎index.html‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>Vite + React + TS</title>
8+
</head>
9+
<body>
10+
<div id="root"></div>
11+
<script type="module" src="/src/main.tsx"></script>
12+
</body>
13+
</html>

0 commit comments

Comments
 (0)