Abstract star field in Elm for use in React applications.
https://codeburst.io/using-elm-in-react-from-the-ground-up-e3866bb0369d https://medium.com/javascript-inside/building-a-react-redux-elm-bridge-8f5b875a9b76
Approach diverges from these articles because Elm 0.19 is used.
- elm-package install is now
elm make
- elm-package.json is now
elm.json
- The example Buttons.elm file now has a different implementation https://guide.elm-lang.org/architecture/buttons.html
- The import of the module in App.js must now be done with
import Buttons from './elm/Buttons';
and used with<Elm src={Buttons.Elm.Main} />
Approach diverges because CRA was ejected to be able to edit the webpack config. A different version of webpack is used so the webpack.config.js changes are also different.
- https://ellie-app.com/new
- Publish the React component as NPM module (https://medium.com/@BrodaNoel/how-to-create-a-react-component-and-publish-it-in-npm-668ad7d363ce) and add Storybook
- Show 2D star map animation based on use https://github.com/joakin/elm-canvas
- Integrate into bigger application
- Make separate TypeScript implementation (converting to TS does not seem to work, because TSC can't compile the ./elm/Buttons import), see https://github.com/dillonkearns/elm-typescript-interop
- Test Web Components instead of ports
- Fix Medium posts by also converting to Elm
- optional: API calls for star map