Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

generator-typescript-react-lib

Package Overview
Dependencies
Maintainers
0
Versions
179
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

generator-typescript-react-lib

A Yeoman generator for React libs written with Typescript.

  • 1.0.178
  • latest
  • Source
  • npm
  • Socket score

Version published
Maintainers
0
Created
Source

generator-typescript-react-lib

npm version build status coverage status npm downloads

A Yeoman generator for React libs written with Typescript.

Table of Contents

Background

To provide a basic starting point when authoring React libraries with Typescript. By design not all use-cases will be handled, so some post-generation modifications may be required.

Features

  • Generates CommonJS, ES module, and Universal Module Definition bundles via Rollup.
  • Tests bundles via Jest.
  • Generates Typescript type declarations for publishing.
  • Outputs, strips, or wraps PropTypes declarations according to bundle type.
  • Configures continuous integration via GitHub Actions.
  • Configures code coverage analysis via Codecov.
  • Configures Renovate for dependency management.
  • Adds scripts for releasing to npm.
  • Makes Universal Module Definition bundles available via unpkg.
  • Initialises Git.

Installation

First, install Yeoman and generator-typescript-react-lib:

$ npm install -g yo generator-typescript-react-lib

Then generate your new library:

$ mkdir your-new-react-library && cd $_
$ yo typescript-react-lib

Common Workflows

Setup

  1. Create a new GitHub repository.
  2. Install/enable the Renovate GitHub app.
  3. Use this generator to create your lib.

Development

Everything revolves around GitHub PRs:

  1. Create a new local branch.
  2. Add a remote tracking branch.
  3. Make some changes.
  4. Push the changes.
  5. Open a PR.

It's also recommended to set branch protection rules against the master branch by selecting the following:

  • Require status checks to pass before merging.
  • Require branches to be up to date before merging.
  • ci.

Testing

Running npm test will:

  • Check code style with Prettier.
  • Type check with TypeScript.
  • Build the package assets.
  • Test the package assets.

Publishing

Once the PR checks have passed:

  1. Merge the PR.
  2. Checkout the master branch.
  3. Ensure master is up-to-date.
  4. Run npm release <newversion>. Refer to the npm-version docs for information on the newversion argument.

The release script will:

  1. Bump the package.json version.
  2. Run the test flow.
  3. Generate a CHANGELOG.md that includes these latest changes.
  4. Generate or update the AUTHORS file.
  5. Make a version commit and tag.
  6. Push the commit and tag to GitHub.
  7. Publish the package to npm.

License

MIT

Keywords

FAQs

Package last updated on 03 Sep 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc