https://github.com/bajrangcoder/acode-react-snippets

A snippet plugin for React/Redux for Acode
https://github.com/bajrangcoder/acode-react-snippets

Last synced: about 15 hours ago
JSON representation

A snippet plugin for React/Redux for Acode

• Host: GitHub
• URL: https://github.com/bajrangcoder/acode-react-snippets
• Owner: bajrangCoder
• Created: 2023-11-16T15:09:22.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-15T16:13:08.000Z (11 months ago)
• Last Synced: 2023-12-15T17:25:40.158Z (11 months ago)
• Language: TypeScript
• Homepage: https://acode.app/plugin/bajrangcoder.react.snippets
• Size: 186 KB
• Stars: 6
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        
# Acode ES7+ React/Redux Snippets

This Acode plugin provides a collection of ES7+ React/Redux snippets to enhance your development workflow on mobile. Special thanks to MatrixCoder for contributing to snippet content. Inspiration for this plugin is drawn from the VS Code ES7+ React/Redux/React-Native/JS snippets extension.

> [!NOTE]

> This plugin also adds docs for snippet

  Updates 💥

  

    v1.0.1

    added a html to jsx converter 

  

  

    v1.0.2

    - Updated docs

    - added more javascript related snippets by @ezeaniiandrew

    - added a setting to enable snippet docs

  

## Features

- Comprehensive snippets for React, Redux, and Typescript development in ES7+ syntax.

- Works specifically in `.jsx` and `.tsx` files but some javascript syntax also works in javascript mode

- built-in html to jsx converter

## Usage

1. Install Acode on your mobile device.

2. Install this plugin to unlock a variety of React/Redux snippets.

3. Open a `.jsx` or `.tsx` file and start typing the snippet prefix to trigger autocompletion.

> Snippet docs 👉 [here](https://github.com/bajrangCoder/acode-react-snippets/blob/main/docs/Snippets.md)

## How to Use HTML2JSX converter?

- select the part of html code in jsx or tsx file and press `JSX` option from selection menu to convert it.

## Contribution

Feel free to contribute by submitting bug reports, feature requests, or additional snippets. We appreciate your input to make this plugin even more valuable for the Acode community.

## Special Thanks

- [MatrixCoder](https://github.com/matrixcoder) for contributing in Snippet. 

- [@ezeaniiandrew](https://github.com/ezeaniiandrew) for contributing in javascript snippets

- [VS Code ES7+ React/Redux/React-Native/JS snippets](https://github.com/ults-io/vscode-react-javascript-snippets/) for inspiration.

## Donate

If you find this plugin helpful, consider supporting the developers by making a donation(through ko-fi you can donate just $1). Your contribution goes a long way in ensuring the continuous improvement of this plugin.





Happy coding with Acode and these handy React/Redux snippets! 🚀