https://github.com/aclark4life/test-react-command-line

In which I learn how to transpile.
https://github.com/aclark4life/test-react-command-line

babel node npm react

Last synced: 4 months ago
JSON representation

In which I learn how to transpile.

• Host: GitHub
• URL: https://github.com/aclark4life/test-react-command-line
• Owner: aclark4life
• Created: 2023-11-30T19:34:28.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-10T18:10:03.000Z (about 1 year ago)
• Last Synced: 2024-04-16T07:05:06.514Z (9 months ago)
• Topics: babel, node, npm, react
• Language: Makefile
• Homepage:
• Size: 115 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.rst

Awesome Lists containing this project

README

        
test-react-command-line

================================================================================

In which I learn how to transpile.

Install (``make install``)

--------------------------

::

    ┌[alexclark@alexclarks-Air] [/dev/ttys000] [main ⚡] 

    └[~/Developer/test-react-command-line]> make install

    /Library/Developer/CommandLineTools/usr/bin/make npm-install

    npm install

    added 184 packages, and audited 185 packages in 735ms

    58 packages are looking for funding

      run `npm fund` for details

    found 0 vulnerabilities

    git add package-lock.json

Build (transpile, ``make build``)

---------------------------------

::

    ┌[alexclark@alexclarks-Air] [/dev/ttys000] [main ⚡] 

    └[~/Developer/test-react-command-line]> make build

    npm run build

    > [email protected] babel

    > node_modules/.bin/babel src -d dist --presets @babel/preset-react

    Successfully compiled 1 file with Babel (56ms).

Serve (run ``node`` on the transpiled component, ``make serve``)

----------------------------------------------------------------

::

    ┌[alexclark@alexclarks-Air] [/dev/ttys000] [main ⚡] 

    └[~/Developer/test-react-command-line]> make serve

    node run start

    {

      '$$typeof': Symbol(react.element),

      type: 'div',

      key: null,

      ref: null,

      props: { children: 'Hello, world!' },

      _owner: null,

      _store: {}

    }