https://github.com/rrjanbiah/react2solid

ReactJS to SolidJS Converter aka Transpiler
https://github.com/rrjanbiah/react2solid

babel babeljs code-converter converter react reactjs solidjs transpiler

Last synced: 28 days ago
JSON representation

ReactJS to SolidJS Converter aka Transpiler

• Host: GitHub
• URL: https://github.com/rrjanbiah/react2solid
• Owner: rrjanbiah
• License: mit
• Created: 2022-04-02T09:10:44.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-04-12T00:52:40.000Z (over 2 years ago)
• Last Synced: 2024-09-29T06:21:40.871Z (about 1 month ago)
• Topics: babel, babeljs, code-converter, converter, react, reactjs, solidjs, transpiler
• Language: TypeScript
• Homepage: https://rrjanbiah.github.io/react2solid/
• Size: 2.18 MB
• Stars: 48
• Watchers: 1
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-solid-js - React2Solid

README

        


# ReactJS to SolidJS Converter aka Transpiler

SolidJS is the framework known for its performance (based on the [js framework benchmark](https://github.com/krausest/js-framework-benchmark) project). react2solid is an attempt to create a React to Solid code converter. 

This project has 5 sub-projects or modules:

1. Language agnostic React to Solid transformer rules and test cases

1. ReactJS to SolidJS transpiler - JavaScript frontend

1. React to Solid converter - CLI version, for batch conversion

1. React.js to Solid.js transformer rules  builder - Web UI

1. Automatic ReactJS to SolidJS migration guide - from the transformer rules

## Demo

[ReactJS to SolidJS Converter & Utilities](https://rrjanbiah.github.io/react2solid/)

## Status

Started with swc, JMESPath and Rust in mind, but had to switch to the Babel, jq and SolidJS due to multiple challenges (such as [1](https://github.com/swc-project/swc/discussions/4241), [2](https://github.com/rrjanbiah/react2solid/issues/6), [3](https://github.com/rrjanbiah/react2solid/issues/8)). Now, an MVP is ready without CLI.

## Architecture / Approach

1. Idea is to avoid hardcoding of parser rules

1. Create language agnostic transpiler rules using `jq` selectors and also keep test case scripts along with that

1. Using Babel, get AST for the ReactJS code

1. Apply `jq` selection on the AST

1. Convert the AST to JavaScript/SolidJS

1. For string transformer, it is merely string replace over the code (no AST conversion)

## Acknowledgments

* `schwartzworld` of Hacker News for suggesting SolidJS hackathon

* @ryansolid for creating SolidJS and the awesome community (especially Discord)

## Roadmap

- [ ] v0.0.1 

  - [x] Basic folder structure and naming conventions for the transform rules

  - [x] ReactJS to SolidJS transpiler - JavaScript frontend

  - [x] Builder UI (partly)

  - [x] Automatic migration guide generation

  - [x] ReactJS to SolidJS libraries alternatives (MVP, not handled in code)

- [ ] v0.0.2

  - [ ] Refactor for code duplication and TOML structure

- [ ] v0.0.3

  - [ ] Rust-based converter. Switch to swc?

## Contributing

* Feel free to post any issues or suggestions

* Submit your transform rules using the builder (TODO. Till then feel free to submit PR)

## Support / Sponsor

**Hire Me**, **Recommend Me** for any remote/freelancer opportunity

Contact Email: rrjanbiah-at-Y!com

Twitter: [@rrjanbiah](https://twitter.com/rrjanbiah) (DM open)