Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

A modular front-end framework - inspired by the server-side and Web Components.

License

NotificationsYou must be signed in to change notification settings

nx-js/framework

Repository files navigation

Home page,Docs

NX is a next generation client side framework, built with ES6 and Web Components.

The NX core is a tiny library, responsible for one thing only. It allows you to create and combine components and middlewares. A component executes its middlewares when it is attached to the DOM and gains all the added functionalities from them. NX comes with some core middlewares out of the box, which you can find listed below.

  • Text interpolation: Interpolate values from the code into the view dynamically or one-time. Includes optional filters.
  • Dynamic and custom attributes: Use one-time or dynamically evaluated native attributes or define some custom ones.
  • Event handling: Add inline event handlers to listen on any event. Includes optional rate limiters.
  • Visual flow: Use conditional blocks and loops inside the HTML view.
  • Data binding: One-way, one-time or two-way data binding on any event and with no edge cases.
  • Rendering: Modularize your HTML and CSS code by moving them into separate files for each component.
  • Routing: Simple, but powerful routing with automatic parameter synchronization and router events.
  • Dynamic styling: Simplify styling by passing objects to the style and class attributes.
  • Animations: Create powerful animations by using only a few HTML attributes.
  • Some other low level middlewares, mentioned in the Docs.
  • Anything else you define with the simplefunction middleware (elem, state, next) {} syntax.

These can be combined to create components with the desired functionality.Alternatively ready made core components (app, router) can be extended and used,to avoid boilerplate code.

Example app

TheNX Hacker News demofeatures client-side routing, real-time updates and animations.

Resources

Installation

The best option is to download NX from thedownload page.If you would like to get it from npm instead, use thenpm install @risingstack/nx-framework command.

Contributing

List of contributors

If you have a new feature idea, just open a new issue or PR.Bug fixes and tests are always welcome. Thanks!

About

A modular front-end framework - inspired by the server-side and Web Components.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

[8]ページ先頭

©2009-2025 Movatter.jp