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

@lcpcode/menu

v0.0.4

Published

导航菜单

Downloads

3

Readme

@lcpcode/menu

@lcpcode/menu.

See our website @lcpcode/menu for more information.

Install

Using npm:

$ npm install --save  @lcpcode/menu

or using yarn:

$ yarn add @lcpcode/menu

导航菜单目标:为页面和功能提供导航的菜单列表。

应用路由管理是由一系列组件的配合完成的功能:

  • 页面布局构建 layout
  • 导航菜单管理应用页面跳转
  • 路由器承载页面容器
  • 页头承载页面基础信息

方案设计:

  • 开发布局页面,跟普通页面同样等级
  • 布局页面里可以拖放页面布局、导航菜单、路由器、页头组件
  • 导航菜单管理应用页面跳转
  • 路由器承载对应的页面渲染
  • 页头承载页面面包屑等页面信息渲染

技术资料: - react-router Declarative routing for React 文档 - examples - nesting - recursive-paths 递归路径 - route-config - antd 组件 - Menu 组件 - PageHeader - Layout 布局