All Projects → ioing → Ioing

ioing / Ioing

Implement the solutions of performance improvement and componentization for your SPA (single page application) products with this Progressive Web App Development Engine.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Ioing

Knockout Spa
A mini but full-fledged SPA framework and boilerplate to build SPAs fast and scalable
Stars: ✭ 145 (-35.27%)
Mutual labels:  framework, mvvm, spa, single-page-applications
Korolev
Single Page Applications running on the server side.
Stars: ✭ 510 (+127.68%)
Mutual labels:  framework, virtual-dom, single-page-applications
Omi
Front End Cross-Frameworks Framework - 前端跨框架跨平台框架
Stars: ✭ 12,153 (+5325.45%)
Mutual labels:  virtual-dom, webcomponents, shadow-dom
Framework
The Aurelia 1 framework entry point, bringing together all the required sub-modules of Aurelia.
Stars: ✭ 11,672 (+5110.71%)
Mutual labels:  framework, spa, single-page-applications
Switzerland
🇨🇭Switzerland takes a functional approach to Web Components by applying middleware to your components. Supports Redux, attribute mutations, CSS variables, React-esque setState/state, etc… out-of-the-box, along with Shadow DOM for style encapsulation and Custom Elements for interoperability.
Stars: ✭ 261 (+16.52%)
Mutual labels:  virtual-dom, webcomponents, shadow-dom
Dna
Progressive Web Components.
Stars: ✭ 22 (-90.18%)
Mutual labels:  virtual-dom, webcomponents, shadow-dom
Aurelia
Aurelia 2, a standards-based, front-end framework designed for high-performing, ambitious applications.
Stars: ✭ 995 (+344.2%)
Mutual labels:  framework, spa, single-page-applications
Webcell
Web Components engine based on JSX & TypeScript
Stars: ✭ 139 (-37.95%)
Mutual labels:  mvvm, spa
Vue Soundcloud
🎧 A SoundCloud client built with Vue and Nuxt
Stars: ✭ 141 (-37.05%)
Mutual labels:  spa, single-page-applications
Stimulus reflex
Build reactive applications with the Rails tooling you already know and love.
Stars: ✭ 1,928 (+760.71%)
Mutual labels:  spa, single-page-applications
Ionic Framework
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
Stars: ✭ 45,802 (+20347.32%)
Mutual labels:  framework, webcomponents
Spring Boot Security Jwt Spa
Spring Boot 2 + JWT + Spring Security 5的单页应用(SPA) Restful 解决方案
Stars: ✭ 166 (-25.89%)
Mutual labels:  spa, single-page-applications
Amplesdk
Ample SDK - JavaScript UI Framework
Stars: ✭ 169 (-24.55%)
Mutual labels:  framework, virtual-dom
Spasm
Write single page applications in D that compile to webassembly
Stars: ✭ 129 (-42.41%)
Mutual labels:  framework, spa
Query Selector Shadow Dom
querySelector that can pierce Shadow DOM roots without knowing the path through nested shadow roots. Useful for automated testing of Web Components. Production use is not advised, this is for test environments/tools such as Web Driver, Playwright, Puppeteer
Stars: ✭ 115 (-48.66%)
Mutual labels:  webcomponents, shadow-dom
Nutmeg
Build, test, and publish vanilla Web Components with a little spice
Stars: ✭ 111 (-50.45%)
Mutual labels:  webcomponents, shadow-dom
Singool
Backbone.js based framework for developing single-page web applications
Stars: ✭ 190 (-15.18%)
Mutual labels:  framework, spa
Mithril.js
A JavaScript Framework for Building Brilliant Applications
Stars: ✭ 13,062 (+5731.25%)
Mutual labels:  framework, virtual-dom
Xuui
xLua的mvvm框架,支持ugui,ngui,fairyGUI。。。
Stars: ✭ 199 (-11.16%)
Mutual labels:  framework, mvvm
Panel
Web Components + Virtual DOM: web standards for powerful UIs
Stars: ✭ 206 (-8.04%)
Mutual labels:  virtual-dom, webcomponents

第一步:sudo npm install -g ioing-cli (全局安装 ioing)

第二部:ioi init (会车后?Template输入 ioing ,按照引导生成项目)

第三部:ioi build 或者 ioi dev (运行项目)

Brand new front-end engine

IOING logo

Supported

IE Edge Firefox Chrome Safari
>=9 >=14 >=52 >=49 >=8

HI!

This is a brand new front-end engine which is going to be released officially in this July. Really grateful to meet you all here and bring the differences of experience to the community within IOING. Continuous updating would be guaranteed of Docs and Website.

DEMO

What is IOING?

IOING is not a simple front-end framework. As a second engine, it provides a complete solution of modularization, componentization, sandbox, memory management and pre loading of contents to improve the differences of HTML5 in comparison with the native App.

What can it do?

Module animation

animation = [type]

fade slide zoom flip

Features of IOING

Cloud Components

<switch-slider src=http://www.ioing.com/components></switch-slider>
<switch-slider value=on></switch-slider>

DOM Plus: Function Tag Development

<scroll>
  <scrolling>
    <loop colorful as value key>
      <div style="color:{value}">{value}</div>
    </loop>
  </scrolling>
</scroll>

Automatic Data Binding

<p>{teacher.name} : Hello, what’you name!</p>
<p>{user.name} : my name is {user.name}</p>
<!-- wang : Hello, what’you name! -->
<!-- yangyang : my name is yangyang -->

Sandbox

Comparable Native App

  • Physical Pixel
  • Module Sandbox
  • Module Transition
  • Animation Thread Control
  • Infinite Page Scroll
  • Efficiency of DOM
  • Background Stream of Image
  • Height Adjustment of Virtual Keyboard
  • Cursor Position
  • Parameter Rolling
  • Module Mirroring
  • Route Control
  • Manipulation of multi-fingers
  • Asynchronous Components
  • Silent Refresh of Modules
  • Life Cycle of Resources
  • Life Cycle of Modules
  • Data-Driven View

Documentation

To explore more examples and docs of IOING, please click to http://www.ioing.com/#docs-started-ioing

Questions

Welcome to submit the issues on https://github.com/ioing/IOING/issues

Stay In Touch

To learn the latest releases and announcements, welcome to follow the Wechat: ioingroot

Folder Structure

The folder structure should look like

--- frameworks(folder)
    --- lib(folder)
        --- application.js
        --- css.js
        --- dom.js
        --- fetch.js
        --- loader.js
        --- move.js
        --- promise.js
        --- proto.js
        --- query.js
        --- sandbox.js
        --- scroll.js
        --- template.js
        --- touch.js
        --- transform.js
        --- unify.js
--- modules(folder)
--- components(folder)

License

GPL

Copyright (c) 2013-present, Linyang (Lien) You

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].