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

ssr-with-ts

v2.3.16

Published

ykfe

Downloads

6

Readme

Egg + React + SSR 应用骨架

详细用法实现请查看官方文档

功能/特性

  • [x] 基于 cra 脚手架开发,由 cra 开发的 React App 可无缝迁移,如果你熟悉 cra 的配置,上手成本几乎为 0
  • [x] 小而美,相比于 beidou,next.js 这样的高度封装方案,我们的实现原理和开发模式一目了然
  • [x] 推荐使用 egg 作为 Node.js 框架但并不强制,事实上你可以发现几乎无需做任何修改即可迁移到 koa,nest.js 等框架
  • [x] 同时支持 SSR 以及 CSR 两种开发模式,本地开发环境以及线上环境皆可无缝切换两种渲染模式
  • [x] 统一前端路由与服务端路由,无需重复编写路由文件配置
  • [x] 支持切换路由时自动获取数据
  • [x] 支持本地开发 HMR
  • [x] 稳定性经过线上大规模应用验证,可提供性能优化方案
  • [x] 支持 tree shaking,优化构建 bundle 大小以及数量
  • [x] 支持 csr/ssr 自定义 layout,无需通过 path 来手动区分
  • [x] 抛弃传统模版引擎,拥抱 React 组件,使用 JSX 来作为模版
  • [x] 独创最佳发布实践,让你更新页面无需重启应用机器
  • [x] 配套结合antd的 example 的实现
  • [x] 配套结合react-loadable做路由分割的 example 的实现
  • [x] 配套结合dva做数据管理的 example 的实现
  • [x] 配套阿里云 serverless FC版本的实现
  • [x] 配套TypeScript版本的实现