Naughty Programmer's Madness

    @nrwl/react
    TypeScript icon, indicating that this package has built-in type declarations

    13.4.6 • Public • Published

    Nx - Smart, Fast and Extensible Build System

    CircleCI License NPM Version Semantic Release Commitizen friendly Join the chat at https://gitter.im/nrwl-nx/community Join us @nrwl/community on slack


    React Plugin for Nx

    Smart, Fast and Extensible Build System

    Nx is a next generation build system with first class monorepo support and powerful integrations.

    Getting Started

    Creating an Nx Workspace

    Using npx

    npx create-nx-workspace

    Using npm init

    npm init nx-workspace

    Using yarn create

    yarn create nx-workspace

    The create-nx-workspace command will ask you to select a preset, which will configure some plugins and create your applications to help you get started.

    ? What to create in the new workspace (Use arrow keys)
    ❯ apps              [an empty workspace with no plugins with a layout that works best for building apps]
      core              [an empty workspace with no plugins set up to publish npm packages (similar to yarn workspaces)]
      ts                [an empty workspace with the JS/TS plugin preinstalled]
      react             [a workspace with a single React application]
      angular           [a workspace with a single Angular application]
      next.js           [a workspace with a single Next.js application]
      gatsby            [a workspace with a single Gatsby application]
      nest              [a workspace with a single Nest application]
      express           [a workspace with a single Express application]
      web components    [a workspace with a single app built using web components]
      react-native      [a workspace with a single React Native application]
      react-express     [a workspace with a full stack application (React + Express)]
    

    Select the preset that works best for you.

    Adding Nx to an Existing Monorepo

    Run:

    npx add-nx-to-monorepo@latest
    ? Workspace name (e.g., org name)     happyorg
    ? What to create in the new workspace react    [a workspace with a single React application]
    ? Application name                    myapp
    ? Default stylesheet format           CSS
    

    If it's your first Nx project, the command will recommend you to install the nx package globally, so you can invoke nx directly without going through yarn or npm.

    Serving Application

    • Run nx serve myapp to serve the newly generated application!
    • Run nx test myapp to test it.
    • Run nx e2e myapp-e2e to run e2e tests for it.

    Adding React Plugin Into an Existing Workspace

    You can always add the React plugin to an existing workspace by installing @nrwl/react and then generating an React application, as follows: nx g @nrwl/react:app myapp.

    Quick Start Videos

    Nx - Quick start video

    Documentation & Resources

    A few links to help you get started:

    Nx - Smart, Fast and Extensible Build System

    Install

    npm i @nrwl/react

    Homepage

    nx.dev

    DownloadsWeekly Downloads

    135,365

    Version

    13.4.6

    License

    MIT

    Unpacked Size

    403 kB

    Total Files

    252

    Last publish

    Collaborators

    • jack-nrwl
    • nrwl-jason
    • nrwlowner