cra-template-react-redux-toolkit - npm Package Compare versions

Comparing version 0.3.3 to 0.3.5

package.json

 {
   "name": "cra-template-react-redux-toolkit",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "eslintConfig": {
@@ -10,3 +10,17 @@ "extends": [
   },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
   "description": "This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).",
+  "main": "index.js",
+  "devDependencies": {},
   "repository": {
@@ -17,4 +31,7 @@ "type": "git",
   "author": "Chanuka Asanka Gunadasa",
-  "license": "MIT",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/cagline/cra-template-react-redux-toolkit/issues"
+  },
   "homepage": "https://github.com/cagline/cra-template-react-redux-toolkit#readme"
 }

README.md

@@ -31,16 +31,25 @@ # Create React App with Redux-Toolkit and Material-UI (MUI)
 
-### 1. Keycloak & Authorization
+### 1. Redux Persist
+       
+Enhance data retention and user experience by incorporating Redux Persist. This feature allows the Redux store to persist across sessions, ensuring valuable data continuity.
+Feel free to explore and implement these tasks to create a more robust and feature-rich application based on this template.
 
-Integrate Keycloak for robust authentication and authorization. You may find comments in the code that guide you through the setup process. Additionally, there's an alternative library that can simplify this integration. However, be mindful of its compatibility with the current project version.
+### 2. Injecting Environment Variables at Runtime (Using env-config.js): & Build Time Variables (Using .env files):
 
-### 2. Authentication & Authorization Best Practices
+Pros of Injecting Environment Variables at Runtime (Using env-config.js):
+Flexibility: Environment variables can be changed without rebuilding the application. This is particularly useful for scenarios where you need to manage different configurations for multiple deployment environments or domains.
 
-Delve into additional authentication and authorization strategies, such as OAuth, JWT, and other security mechanisms. Understanding these practices can enhance the security and user experience of your application.
+Dynamic Updates: You can change configuration values in real-time without redeploying, making it easier to adapt to changing requirements.
 
-### 3. Redux Persist
+Single Build: You only need to build the application once, and the same build can be used across different environments with different configurations.
+       
 
-Enhance data retention and user experience by incorporating Redux Persist. This feature allows the Redux store to persist across sessions, ensuring valuable data continuity.
+### 3. Authentication & Authorization Best Practices
 
-Feel free to explore and implement these tasks to create a more robust and feature-rich application based on this template.
+Delve into additional authentication and authorization strategies, such as OAuth, JWT, and other security mechanisms. Understanding these practices can enhance the security and user experience of your application.
 
+### 4. Keycloak & Authorization
+       
+Integrate Keycloak for robust authentication and authorization. You may find comments in the code that guide you through the setup process. Additionally, there's an alternative library that can simplify this integration. However, be mindful of its compatibility with the current project version.
+
 ## Using the Template
@@ -47,0 +56,0 @@

template.json

@@ -27,2 +27,5 @@ {
     },
+    "devDependencies": {
+      "json-server": "^0.17.1"
+    },
     "scripts": {
@@ -29,0 +32,0 @@ "start": "react-scripts start",

template/README.md

@@ -31,16 +31,25 @@ # Create React App with Redux-Toolkit and Material-UI (MUI)
 
-### 1. Keycloak & Authorization
+### 1. Redux Persist
+       
+Enhance data retention and user experience by incorporating Redux Persist. This feature allows the Redux store to persist across sessions, ensuring valuable data continuity.
+Feel free to explore and implement these tasks to create a more robust and feature-rich application based on this template.
 
-Integrate Keycloak for robust authentication and authorization. You may find comments in the code that guide you through the setup process. Additionally, there's an alternative library that can simplify this integration. However, be mindful of its compatibility with the current project version.
+### 2. Injecting Environment Variables at Runtime (Using env-config.js): & Build Time Variables (Using .env files):
 
-### 2. Authentication & Authorization Best Practices
+Pros of Injecting Environment Variables at Runtime (Using env-config.js):
+Flexibility: Environment variables can be changed without rebuilding the application. This is particularly useful for scenarios where you need to manage different configurations for multiple deployment environments or domains.
 
-Delve into additional authentication and authorization strategies, such as OAuth, JWT, and other security mechanisms. Understanding these practices can enhance the security and user experience of your application.
+Dynamic Updates: You can change configuration values in real-time without redeploying, making it easier to adapt to changing requirements.
 
-### 3. Redux Persist
+Single Build: You only need to build the application once, and the same build can be used across different environments with different configurations.
+       
 
-Enhance data retention and user experience by incorporating Redux Persist. This feature allows the Redux store to persist across sessions, ensuring valuable data continuity.
+### 3. Authentication & Authorization Best Practices
 
-Feel free to explore and implement these tasks to create a more robust and feature-rich application based on this template.
+Delve into additional authentication and authorization strategies, such as OAuth, JWT, and other security mechanisms. Understanding these practices can enhance the security and user experience of your application.
 
+### 4. Keycloak & Authorization
+       
+Integrate Keycloak for robust authentication and authorization. You may find comments in the code that guide you through the setup process. Additionally, there's an alternative library that can simplify this integration. However, be mindful of its compatibility with the current project version.
+
 ## Using the Template
@@ -47,0 +56,0 @@

template/src/api/interceptorsSlice.ts

 import {BaseQueryFn, FetchArgs, fetchBaseQuery, FetchBaseQueryError,} from '@reduxjs/toolkit/query'
 // import { tokenReceived, loggedOut } from './authSlice'
-const DOG_API_KEY = "ef867ca0-a6f4-4871-9135-907d77e7a21f";
+// const API_KEY = "ef867ca0-a6f4-4871-9135-907d77e7a21f";
 
@@ -8,3 +8,3 @@ const baseQuery = fetchBaseQuery({
     prepareHeaders(headers) {
-        headers.set('x-api-key', DOG_API_KEY);
+        // headers.set('x-api-key', API_KEY);
         headers.set('Content-Type', 'application/json')
@@ -11,0 +11,0 @@ return headers;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No bug tracker

Maintenance

Package does not have a linked bug tracker in package.json.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

74419

increased by2.81%

Lines of code

1319

increased by0.92%

Number of low maintenance alerts

0

decreased by-100%

Number of lines in readme file

71

increased by14.52%

No dependency changes