
Research
/Security News
Toptal’s GitHub Organization Hijacked: 10 Malicious Packages Published
Threat actors hijacked Toptal’s GitHub org, publishing npm packages with malicious payloads that steal tokens and attempt to wipe victim systems.
@chowdhury/vite-react-redux-ts-starter
Advanced tools
A starter template for React with Typescript using Vite and Redux
A minimalistic Vite-based starter template for building React applications with TypeScript. This starter kit provides a well-configured development environment and includes essential tools and shadcn/ui libraries for efficiently developing and maintaining your React projects.
To install and use this package, you can follow these simple steps:
Install Node.js: Ensure you have Node.js and npm (Node Package Manager) installed on your system. You can download and install them from nodejs.org.
Create a New Project: Use the following command to create a new project using this package:
npx @chowdhury/vite-react-redux-ts-starter my-app
cd my-app
npm install
Run the development server::
npm run dev
This will start the development server, and your app will be available at http://localhost:5173.
npm run dev
: Start the development server.npm run build
: Build the application for production.npm run start:dev
: Start the application in development mode.npm run lint
: Lint the code using ESLint.npm run test
: Run tests using Jest.npm run format
: Format the code using Prettier.npm run preview
: Preview the production build locally.npm run precommit
: Run linting and formatting checks before committing.tsconfig.json
file is configured for TypeScript..eslintrc.js
and .prettierrc.js
.tailwind.config.js
.browserslist
.src
├── app
│ ├── hooks.ts
│ └── store.ts
├── assets
│ └── img
├── components
│ ├── form
│ ├── layouts
│ └── ui
├── button (checkout from here https://ui.shadcn.com/docs/components/button)
├── features
│ ├── counter
│ ├── counterAPI.ts
│ ├── counterSlice.ts
│ └── counterSlice.spec.ts
├── hooks
│ ├── README.md
├── page
│ ├── README.md
├── routes
│ ├── README.md
├── styles
│ ├── tailwind
├── Test
│ ├─ tests-example
│ ├── App.test.tsx
├── types
│ ├── README.md
├── utils
│ ├── README.md
├── App.css
├── App.tsx
├── index.css
├── main.tsx # app entry
├── vite-env.d.ts
If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
parserOptions
property like this: parserOptions: {
ecmaVersion: 'latest',
sourceType: 'module',
project: ['./tsconfig.json', './tsconfig.node.json'],
tsconfigRootDir: __dirname,
},
This starter template is open-source and available under the MIT License.
If you find any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request. I welcome contributions from the community!
This starter template is created and maintained by S M Habibul Mursaleen Chowdhury.
FAQs
A starter template for React with Typescript using Vite and Redux
The npm package @chowdhury/vite-react-redux-ts-starter receives a total of 2 weekly downloads. As such, @chowdhury/vite-react-redux-ts-starter popularity was classified as not popular.
We found that @chowdhury/vite-react-redux-ts-starter demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
/Security News
Threat actors hijacked Toptal’s GitHub org, publishing npm packages with malicious payloads that steal tokens and attempt to wipe victim systems.
Research
/Security News
Socket researchers investigate 4 malicious npm and PyPI packages with 56,000+ downloads that install surveillance malware.
Security News
The ongoing npm phishing campaign escalates as attackers hijack the popular 'is' package, embedding malware in multiple versions.