https://github.com/another-guy/react-faster

https://github.com/another-guy/react-faster

Last synced: 5 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/another-guy/react-faster
• Owner: another-guy
• Created: 2019-04-19T17:07:46.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2021-01-27T06:30:26.000Z (over 5 years ago)
• Last Synced: 2025-10-08T11:13:23.589Z (9 months ago)
• Size: 111 KB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

          
# react-faster

React snippets for TypeScript done right.

Many people are not good in memorizing magic acronims like `rcc`, `imr`, and similar.

So many books on coding stress on importance of readable names. So, it's okay to spell out snippets' prefixes:

![](./images/v0-0-2--main-demo.gif)

## List of Snippets

### Component Snippets

| Prefix (name)                                 | Snippet result                                          |

|-----------------------------------------------|---------------------------------------------------------|

| `react-component-functional`                  | React functional component.                             |

| `react-component-class-stateteless`           | React class component without state.                    |

| `react-component-class-stateteful`            | React class component with state.                       |

| `react-mobx-component-functional`             | mobx-enabled React functional component.                |

| `react-mobx-component-class-stateteless`      | mobx-enabled React class component without state.       |

| `react-mobx-component-class-stateteful`       | mobx-enabled React class component with state.          |

| `react-component-constructor-props-and-state` | Constructor with props and state for a class component. |

### Hook Snippets

| Prefix (name)                                        | Snippet result                                                                |

|------------------------------------------------------|-------------------------------------------------------------------------------|

| `react-hook-useState-initialize-immediately`         | Template of State Hook with immediate initialization.                         |

| `react-hook-useState-initialize-lazily`              | Template of State Hook with delayed initialization using a callback function. |

| `react-hook-useEffect`                               | Template of Effect Hook.                                                      |

| `react-hook-useEffect-with-cleanup`                  | Template of Effect Hook with a cleanup function.                              |

| `react-hook-useEffect-with-dependencies`             | Template of Effect Hook with explicit dependencies.                           |

| `react-hook-useEffect-with-cleanup-and-dependencies` | Template of Effect Hook with a cleanup function and explicit dependencies.    |