Small collection of React sample projects, snippets and patterns — made to learn, demo and reuse. This repo is a hands-on playground for common React ideas and small features. It's written in a human style, with some small spelling and punctuation mistakes here and there (because hey, we're human 😄).
- A bunch of sample code folders:
api,app,components,features,pages,shared,styles,types. - Reusable components and little mini-apps to learn from.
- Examples that show patterns for state management, component composition, styling and structuring a React project.
- Modular folder structure — makes it easy to find examples.
- Components split into small, focused pieces so you can pick and use them.
- Sample "pages" and "features" demonstrating common flows.
- Basic API examples (in
api) for mocking or fetching data. - Simple types and shared utilities to show good practises.
These instructions assume you have Node.js and npm (or yarn) installed.
-
Clone the repo git clone https://github.com/PrashantRatanparikhe/React-Sample-Codes.git
-
Install dependencies cd React-Sample-Codes npm install or yarn install
-
Run a dev server (if there's a sample app configured) npm run dev or yarn dev
Note: Each sample may have its own start script or README in subfolders. Check the folder you want to run.
- api/ — tiny examples for fetching or mocking APIs.
- app/ — sample app(s) showing how components come together.
- components/ — small, reusable components (buttons, lists, cards, etc).
- features/ — feature-focused code (e.g., auth, profile, todo).
- pages/ — example pages and routing demos.
- shared/ — utilities, hooks and helpers used across examples.
- styles/ — CSS, SCSS, or style systems used by samples.
- types/ — TypeScript types or interfaces (if used in the samples).
- Browse components to learn how to structure presentational vs container components.
- Copy any sample into your project and adapt it.
- Use the features as a starting point for new experiments or learning sessions.
Contribtutions welcome! If you have an example to add or an improvemnt, please open a PR.
- Fork the repo
- Create a branch:
git checkout -b feature/my-sample - Add your code and a short README in your sample folder
- Open a PR — describe what your sample shows and why it's usefull.
This repo is meant for learning and demo purposes. Code quality may vary between samples — some examples are kept small and do not show all production best-practices. Use them as starting points, not final solutions.
No license file included. If you want this repo to be open-source, consider adding an MIT or Apache-2.0 license.
Prashant Ratanparikhe — Thanks for checking the repo out. If you'd like me to clean up typos, add more examples, or push this README to the repo, I can do that next.
Enjoy exploring the samples! If you want, I can:
- push this README.md into the repository and open a PR, or
- generate separate README snippets for each folder (components, features, etc) to make the repo more navigable.
Tell me which you prefer and I'll proceed.