Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/akhilgkrishnan/rails-react-boilerplate
This is a base boilerplate template for Ruby on Rails and React configuration
https://github.com/akhilgkrishnan/rails-react-boilerplate
rails rails-b rails-react-app rails7 react-boilerplate reactjs ruby ruby-on-rails shakapacker tailwind templates typescript webpacker
Last synced: 14 days ago
JSON representation
This is a base boilerplate template for Ruby on Rails and React configuration
- Host: GitHub
- URL: https://github.com/akhilgkrishnan/rails-react-boilerplate
- Owner: akhilgkrishnan
- License: mit
- Created: 2023-07-20T05:28:08.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-08-28T05:36:38.000Z (over 1 year ago)
- Last Synced: 2024-12-03T15:44:52.443Z (about 1 month ago)
- Topics: rails, rails-b, rails-react-app, rails7, react-boilerplate, reactjs, ruby, ruby-on-rails, shakapacker, tailwind, templates, typescript, webpacker
- Language: Ruby
- Homepage:
- Size: 610 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
ReactifyRails
ReactifyRails is a powerful boilerplate that combines the best of Rails, React, and Tailwind CSS, providing a solid
foundation for building modern web applications with ease. Whether you are starting a new project from scratch or want
to enhance your existing Rails application with React and Tailwind, ReactifyRails has got you covered.
## Features
- **Rails and React Integration:** ReactifyRails seamlessly integrates Rails with React, allowing you to create
interactive user interfaces and single-page applications within a familiar Rails environment.
- **Tailwind CSS:** With Tailwind CSS, you can easily customize and style your application's UI components, making it
effortless to achieve a polished and consistent design.
- **TypeScript:** Enable static typing in your JavaScript codebase with TypeScript, adding type safety and improved
development experience.
- **Webpack and Babel:** Webpack and Babel are preconfigured in MyAwesomeApp, enabling you to bundle and transpile your
JavaScript and React code efficiently.
- **Asset Pipeline Compatibility:** This boilerplate ensures compatibility with the Rails asset pipeline, making it
convenient to leverage existing Rails assets while adopting modern front-end technologies.
- **Hot Reloading:** Enjoy the benefits of hot reloading during development, allowing you to see changes in real-time
without manually refreshing the page.
- **React Router:** React Router is a collection of navigational components that compose declaratively with your
application.
### Linting and Formatting
- **ESLint:** ESLint is a static code analysis tool for identifying problematic patterns found in JavaScript code.
- **Prettier:** Prettier is an opinionated code formatter that enforces a consistent code style across your entire
codebase.
- **RuboCop:** RuboCop is a Ruby static code analyzer that enforces the Ruby Style Guide.
- **Husky:** Husky is a tool that allows you to easily add Git hooks to your project.
## Requirements
- Ruby (version 3.2.2)
- Ruby on Rails (version 7.0.6)
- Node (version 18.17.0)
- Yarn (version 1.22.17)
## Replace ReactifyRails with your project name
```bash
perl -pi -w -e 's/ReactifyRails//g;' $(git ls-files)
```
## Folder Structure
```bash
reactify-rails/
├── app/
│ ├── assets/
│ │ ├── stylesheets/
│ │ └── ...
│ ├── controllers/
│ ├── javascript/
│ │ ├── packs/
│ │ ├── stylesheet/
│ │ ├── src/
│ │ │ ├── components/
│ ├── models/
│ ├── views/
│ └── ...
├── config/
│ ├── webpack/
│ ├── initializers/
│ ├── ...
│ └── ...
├── db/
├── public/
├── ...
└── ...
```
## Contributing
We welcome contributions to ReactifyRails! If you encounter any issues or have ideas for improvements, please open an issue or submit a pull request.
## License
ReactifyRails is released under the [MIT License](https://opensource.org/licenses/MIT).
## Acknowledgments
Thank you to the creators and maintainers of Rails, React, and Tailwind CSS for providing such fantastic tools to build upon.