npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

express-react-typescript-generator

v1.0.3

Published

Generate project with express/react/typescript.

Downloads

66

Readme

Express + React + TypeScript application generator.

Why express-react-typescript-generator?

When you find this project, maybe you already know something about react, express and typescript. And you've probably already used creat-reacte-app or express-generator, but you can't search for a scaffold to cover everything including both of them and some other parts with typescript, so this project was born out of that.

What's Involved?

Quick Start

The quickest way to get started is to use npx and pass in the name of the project you want to create.

npx express-react-typescript-generator "project name"

If you use yarn

npx express-react-typescript-generator "project name" --yarn

Then you will get a sample project with react and express (typescript)

Run locally

Run express server in /app

npm start

or

yarn start

Run react in /web

npm start

or

yarn start

Yes, no further questions, you can start coding now.

The local CORS issue has been fixed by the http-proxy-middleware

Build

As we all know, is easy to build the react app to several simple files, but in most cases, for express, you need to copy the node_modules to the server of docker image, which may waste a lot of time and takes up a lot of space, so we use pkg to build the express server.

If you just want to build a docker image, just run

docker build -t express-react-typescript-generator .

If you want to build Build the executable file

  1. cd /web, run yarn run build
  2. cd /app, run yarn run build, then will generate an executable file in /app/pkg folder

In /app/package.json file, you can change the execution environment

"pkg": {
    ...
    "targets": [
      "node14-linux-arm64"
    ],
    ...
  }

Happy web deving :)

License

MIT