theajr / react-with-nodemon Goto Github PK

Have you ever wondered why don't we use nodemon in react development? If you are wondering how to develop a local react library and test it in sample application, this might help you.

git clone https://github.com/theajr/react-with-nodemon.git my-react-pkg
cd my-react-pkg
npm i
npm start

Now you can change any js file in src folder and it will automatically transpile the code to dist.

You can keep making changes in this package and test in your sample project at the same time.

cd mySampleReactApp
npm install ABSOULTE_PATH_OF_CLONED_PACKAGE

Now, you can import your package into mySampleReactApp, Let's say you have an App.jsx in your mySampleReactApp

import React from "react";
import PropTypes from "prop-types";
import { Button } from "my-react-pkg";

const App = ({ name }) => {
  return (
    <div>
      Hello {name}
      <br />
      <Button text="Counter - " />
    </div>
  );
};

App.propTypes = {
  name: PropTypes.string.isRequired
};

export default App;

cd my-react-pkg
npm run compile
npm login
npm publish

✅ Done! You have published your package successfully! 👏💥🎉

• No support for other imports than js/jsx