uploading

adityavijay21 · Jul 23, 2024 · 5352c71 · 5352c71
1 parent 20b4035
commit 5352c71
Show file tree

Hide file tree

Showing 31 changed files with 1,291 additions and 259 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -0,0 +1,21 @@
+## React Snipp - Changelog
+
+This changelog details updates for the React Native Essentials VS Code extension.
+
+**v0.0.1 - Initial Release (2024-07-21)**
+
+* **Features:**
+    * Introduced a collection of code snippets to streamline React Native development.
+    * Provided snippets for creating various React Native components (class-based, functional, with Redux integration).
+    * Included snippets for common functionalities like imports, styling, hooks (custom, useCallback, useMemo), data display (FlatList), navigation (React Navigation screen), and Async Storage.
+
+**Future Development**
+
+* We're actively working on expanding the snippet library to cover more React Native functionalities and patterns.
+* Stay tuned for updates that will include snippets for animations, gestures, testing, and more!
+
+**Contribution**
+
+We welcome contributions from the community! Feel free to raise issues or suggest new snippets on the project's GitHub repository: [https://www.github.com/adityavijay21/reactsnipp](https://www.github.com/adityavijay21/reactsnipp)
+
+**We appreciate your support and look forward to seeing how React Native Essentials empowers your development!**
diff --git a/FEATURES.md b/FEATURES.md
@@ -0,0 +1 @@
+# Hello
diff --git a/LICENSE.md b/LICENSE.md
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 ReactSnipp
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/LICENSE.txt b/LICENSE.txt
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 ReactSnipp
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
@@ -1,7 +1,78 @@
+[![Install Now](/images/readmeheader.png)](https://marketplace.visualstudio.com/items?itemName=adityavijay21.ReactSnipp)
 
-<h1>About Kiriotheo! </h1>
-<img width="25%" align="right" alt="Github" src="https://raw.githubusercontent.com/onimur/.github/master/.resources/git-header.svg" />
+a comprehensive collection of React snippets designed to streamline your workflow and boost your productivity. These snippets cover everything from basic imports to complex React patterns, allowing you to write clean, efficient React code faster than ever before.
 
-- **Currently Working On:** Mental Health
-- **Hobbies:** Procrastinating, Hiding Dead Bodies
-- **Loves:** Open Source, RHELL9 and to add trash on Github
+![GIF](/images/readmeuse.gif)
+
+### Key Features:
+
+- 📦 25+ carefully crafted snippets
+- 🎯 Covers modern React practices and hooks
+- 🧩 Easy to use and remember prefixes
+- 🛠 Customizable to fit your coding style
+- 📚 Includes common React patterns and best practices
+
+## 📋 Table of Contents
+
+- [Installation](#installation)
+- [Usage](#usage)
+- [Snippet List](#snippet-list)
+- [Contributing](#contributing)
+- [License](#license)
+
+## 💻 Installation
+
+1. Open your code editor (e.g., VS Code, Sublime Text, WebStorm)
+2. Navigate to the snippets or user preferences section
+3. Copy the contents of the `react-snippets.json` file
+4. Paste into your user snippets file for JavaScript React
+
+For Visual Studio Code users:
+
+1. Press `Ctrl+Shift+P` (Windows/Linux) or `Cmd+Shift+P` (Mac)
+2. Type "Configure User Snippets" and select it
+3. Choose "javascriptreact.json"
+4. Paste the snippets into this file
+
+## 🎈 Usage
+
+To use a snippet, simply type its prefix and press `Tab` or `Enter`. For example:
+
+- Type `imr` and press `Tab` to import React
+- Type `ffc` and press `Tab` to create a functional component
+
+## 📜 Snippet List
+
+Here's a quick overview of some key snippets:
+
+| Prefix | Description |
+|--------|-------------|
+| `imr`  | Import React |
+| `imrs` | Import React and useState |
+| `imrse`| Import React, useState and useEffect |
+| `ffc`  | Function Component |
+| `afc`  | Arrow Function Component |
+| `uef`  | useEffect Hook |
+| `usf`  | Declare a new state variable using State Hook |
+| `ccc`  | Class Component with Constructor |
+| `hoc`  | Higher Order Component |
+
+...and many more! Check the full snippet file for all available shortcuts.
+
+## 👥 Contributing
+
+We welcome contributions! If you have a suggestion for a new snippet or an improvement to an existing one:
+
+1. Fork the repository
+2. Create your feature branch (`git checkout -b feature/AmazingSnippet`)
+3. Commit your changes (`git commit -m 'Add some AmazingSnippet'`)
+4. Push to the branch (`git push origin feature/AmazingSnippet`)
+5. Open a Pull Request
+
+## 📄 License
+
+This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details.
+
+---
+
+Happy coding! 💻✨ Don't forget to star this repo if you find it useful!
diff --git a/_config.yml b/_config.yml
diff --git a/images/logo.png b/images/logo.png
diff --git a/images/readmeheader.png b/images/readmeheader.png
diff --git a/images/readmeuse.gif b/images/readmeuse.gif
diff --git a/node_modules/.DS_Store b/node_modules/.DS_Store
diff --git a/node_modules/.bin/json-concat b/node_modules/.bin/json-concat
diff --git a/node_modules/.package-lock.json b/node_modules/.package-lock.json
diff --git a/node_modules/json-concat/.DS_Store b/node_modules/json-concat/.DS_Store
diff --git a/node_modules/json-concat/.npmignore b/node_modules/json-concat/.npmignore
diff --git a/node_modules/json-concat/CHANGELOG.md b/node_modules/json-concat/CHANGELOG.md
diff --git a/node_modules/json-concat/LICENSE b/node_modules/json-concat/LICENSE
diff --git a/node_modules/json-concat/README.md b/node_modules/json-concat/README.md
diff --git a/node_modules/json-concat/bin/json-concat b/node_modules/json-concat/bin/json-concat
diff --git a/node_modules/json-concat/concat.json b/node_modules/json-concat/concat.json