aleleba/create-react-ssr
1
0
Fork 0
mirror of https://github.com/aleleba/create-react-ssr.git synced 2025-10-30 21:51:01 -06:00
Code Issues Packages Projects Releases Wiki Activity

PR-012419: fixing issue of routing of subroute and updating dependencies.

Browse Source
This commit is contained in:
Alejandro Lembke Barrientos
2024-08-29 02:59:06 +00:00
parent 54bf81f687
commit 517b7c5184
4 changed files with 2646 additions and 2819 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
README.md
View File

@@ -8,10 +8,10 @@ Tech(Library or Framework) | Version |
--- | --- |
React (Render Library) | 18.3.1
Redux (Global State Management) | 5.0.1
React Router DOM (Routing) | 6.23.0
React Router DOM (Routing) | 6.26.1
Jest (Testing) | 29.7.0
Cypress (E2E Testing) | 13.8.1
Typescript | 5.4.5
Cypress (E2E Testing) | 13.14.0
Typescript | 5.5.4
## Setup
To create a new project run in the terminal:

5393
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

58
package.json
View File

@@ -1,6 +1,6 @@
{
"name": "@aleleba/create-react-ssr",
"version": "3.9.23",
"version": "3.9.24",
"description": "Starter Kit of server side render of react",
"bin": "./bin/cli.js",
"main": "src/server/index",
@@ -36,7 +36,7 @@
},
"homepage": "https://github.com/aleleba/create-react-ssr#readme",
"dependencies": {
"@babel/register": "^7.23.7",
"@babel/register": "^7.24.6",
"dotenv": "^16.4.5",
"express": "^4.19.2",
"helmet": "^7.1.0",
@@ -44,11 +44,11 @@
"ignore-styles": "^5.0.1",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-redux": "^9.1.1",
"react-router-dom": "^6.23.0",
"react-redux": "^9.1.2",
"react-router-dom": "^6.26.1",
"react-router-hash-link": "^2.4.3",
"redux": "^5.0.1",
"webpack": "^5.91.0",
"webpack": "^5.94.0",
"webpack-dev-server": "^5.0.4",
"webpack-manifest-plugin": "^5.0.0",
"workbox-background-sync": "^7.1.0",
@@ -65,56 +65,56 @@
"workbox-streams": "^7.1.0"
},
"devDependencies": {
"@babel/core": "^7.24.4",
"@babel/preset-env": "^7.24.4",
"@babel/preset-react": "^7.24.1",
"@babel/preset-typescript": "^7.24.1",
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.13",
"@babel/core": "^7.25.2",
"@babel/preset-env": "^7.25.4",
"@babel/preset-react": "^7.24.7",
"@babel/preset-typescript": "^7.24.7",
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.15",
"@redux-devtools/extension": "^3.3.0",
"@testing-library/jest-dom": "^6.4.2",
"@testing-library/react": "^15.0.5",
"@testing-library/jest-dom": "^6.5.0",
"@testing-library/react": "^16.0.0",
"@testing-library/user-event": "^14.5.2",
"@types/jest": "^29.5.12",
"@types/node": "^20.12.7",
"@types/react": "^18.3.1",
"@types/node": "^22.5.1",
"@types/react": "^18.3.4",
"@types/react-dom": "^18.3.0",
"@types/webpack": "^5.28.5",
"@types/webpack-hot-middleware": "^2.25.9",
"@types/webpack-node-externals": "^3.0.4",
"@typescript-eslint/eslint-plugin": "^7.7.1",
"@typescript-eslint/parser": "^7.7.1",
"@typescript-eslint/eslint-plugin": "^8.3.0",
"@typescript-eslint/parser": "^8.3.0",
"babel-jest": "^29.7.0",
"babel-loader": "^9.1.3",
"clean-webpack-plugin": "^4.0.0",
"compression-webpack-plugin": "^11.1.0",
"copy-webpack-plugin": "^12.0.2",
"css-loader": "^7.1.1",
"css-minimizer-webpack-plugin": "^6.0.0",
"cypress": "^13.8.1",
"eslint": "^8.57.0",
"eslint-plugin-react": "^7.34.1",
"eslint-webpack-plugin": "^4.1.0",
"css-loader": "^7.1.2",
"css-minimizer-webpack-plugin": "^7.0.0",
"cypress": "^13.14.0",
"eslint": "^9.9.1",
"eslint-plugin-react": "^7.35.0",
"eslint-webpack-plugin": "^4.2.0",
"file-loader": "^6.2.0",
"html-webpack-plugin": "^5.6.0",
"identity-obj-proxy": "^3.0.0",
"jest": "^29.7.0",
"jest-environment-jsdom": "^29.7.0",
"jest-fetch-mock": "^3.0.3",
"mini-css-extract-plugin": "^2.9.0",
"mini-css-extract-plugin": "^2.9.1",
"react-refresh": "^0.14.2",
"resolve-ts-aliases": "^1.0.1",
"sass": "^1.75.0",
"sass-loader": "^14.2.1",
"sass": "^1.77.8",
"sass-loader": "^16.0.1",
"style-loader": "^4.0.0",
"terser-webpack-plugin": "^5.3.10",
"ts-jest": "^29.1.2",
"typescript": "^5.4.5",
"ts-jest": "^29.2.5",
"typescript": "^5.5.4",
"url-loader": "^4.1.1",
"webpack-cli": "^5.1.4",
"webpack-dev-middleware": "^7.2.1",
"webpack-dev-middleware": "^7.4.2",
"webpack-hot-middleware": "^2.26.1",
"webpack-node-externals": "^3.0.0",
"webpack-shell-plugin-next": "^2.3.1",
"webpack-shell-plugin-next": "^2.3.2",
"workbox-webpack-plugin": "^7.1.0",
"workbox-window": "^7.1.0"
}

8
src/server/server.tsx
View File

@@ -73,10 +73,10 @@ if(ENV === 'development'){
}
const setResponse = (html, preloadedState, manifest) => {
const mainStyles = manifest ? manifest['frontend.css'] : 'assets/main.css';
const vendorStyles = manifest ? manifest['vendors.css'] : 'assets/vendors.css';
const mainBuild = manifest ? manifest['frontend.js'] : 'assets/app.js';
const vendorBuild = manifest ? manifest['vendors.js'] : 'assets/vendor.js';
const mainStyles = manifest ? `/${manifest['frontend.css']}` : '/assets/main.css';
const vendorStyles = manifest ? `/${manifest['vendors.css']}` : '/assets/vendors.css';
const mainBuild = manifest ? `/${manifest['frontend.js']}` : '/assets/app.js';
const vendorBuild = manifest ? `/${manifest['vendors.js']}` : '/assets/vendor.js';
const manifestJson = manifest ? `<link rel="manifest" href="${manifest['manifest.json']}">` : '';
const memoryFs = compiler.outputFileSystem;
const haveVendor = haveVendorsCss(manifest, memoryFs);