All Projects → skylarkjs → skylark

skylarkjs / skylark

Licence: MIT license
An unified framework for building modern html5 applications across web and desktop.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to skylark

Sr mini
A single file Rails app that will have you running a StimulusReflex and CableReady demo in just 2 steps.
Stars: ✭ 98 (+276.92%)
Mutual labels:  single-page-app
Vue Soundcloud
🎧 A SoundCloud client built with Vue and Nuxt
Stars: ✭ 141 (+442.31%)
Mutual labels:  single-page-app
Active Directory B2c Javascript Msal Singlepageapp
A single page application (SPA) calling a Web API. Authentication is done with Azure AD B2C by leveraging MSAL.js
Stars: ✭ 164 (+530.77%)
Mutual labels:  single-page-app
Influxdb Ui
🐎 A simple UI for InfluxDB
Stars: ✭ 117 (+350%)
Mutual labels:  single-page-app
Codrops Libre
A reponsive single page app template for collection management projects
Stars: ✭ 124 (+376.92%)
Mutual labels:  single-page-app
Knockout Spa
A mini but full-fledged SPA framework and boilerplate to build SPAs fast and scalable
Stars: ✭ 145 (+457.69%)
Mutual labels:  single-page-app
React Antd Admin
用React和Ant Design搭建的一个通用管理后台
Stars: ✭ 1,313 (+4950%)
Mutual labels:  single-page-app
React Mini Social Network
A reactive mini-social-network created with React!! 😍🍻
Stars: ✭ 203 (+680.77%)
Mutual labels:  single-page-app
Senna.js
🌱 A blazing-fast Single Page Application engine
Stars: ✭ 1,728 (+6546.15%)
Mutual labels:  single-page-app
Zam
⚡️ A component based library that encourages single-page applications.
Stars: ✭ 156 (+500%)
Mutual labels:  single-page-app
Php Sf Flex Webpack Encore Vuejs
A simple app skeleton to try to make every components work together : symfony 4 (latest stable at the date, but work with sf 3.3+ if you just change the versions in composer.json), symfony/flex, webpack-encore, vuejs 2.5.x, boostrap 4 sass
Stars: ✭ 118 (+353.85%)
Mutual labels:  single-page-app
Universal Router
A simple middleware-style router for isomorphic JavaScript web apps
Stars: ✭ 1,598 (+6046.15%)
Mutual labels:  single-page-app
Kunafa
Easy to use, high level framework in Kotlin for front-end web-development
Stars: ✭ 148 (+469.23%)
Mutual labels:  single-page-app
Wordpress Rest Admin
A frontend for admin area of WordPress, using WP REST API and React. It works with Self-Hosted WordPress
Stars: ✭ 108 (+315.38%)
Mutual labels:  single-page-app
Vue Stack 2.0
Vue 2.0 Project Boilerplate
Stars: ✭ 166 (+538.46%)
Mutual labels:  single-page-app
Dataformsjs
🌟 DataFormsJS 🌟 A minimal JavaScript Framework and standalone React and Web Components for rapid development of high quality websites and single page applications.
Stars: ✭ 95 (+265.38%)
Mutual labels:  single-page-app
Zetawar
Zetawar is a turn based tactical strategy game implemented in 100% ClojureScript.
Stars: ✭ 144 (+453.85%)
Mutual labels:  single-page-app
React Imvc
An Isomorphic MVC Framework
Stars: ✭ 211 (+711.54%)
Mutual labels:  single-page-app
Json Schema Editor
JSON Schema Editor is an intuitive editor for JSON schema. It provides a tree view to present the structure of schema, and a property inspector to edit the properties of schema element. Develop with Vue.js 2 and Firebase.
Stars: ✭ 194 (+646.15%)
Mutual labels:  single-page-app
React Admin
🎉 A magical react admin
Stars: ✭ 149 (+473.08%)
Mutual labels:  single-page-app

skylark.js

An unified framework for building modern html5 applications across web and desktop. http://www.skylarkjs.org

Introduction

Skylark.js is an unified framework for building modern html5 applications across web and desktop, including the runtime library and many development tools.

summary

  • Concise
    Skylark.js framework is very simple and powerful, the code is only 7k (core library,gzip) or 22k (including a powerful utility library), and easy to read and easy to debug.
  • Anywhere
    Skyalrk.js application is archived a single .slax file. The slax archive can be deployed to web server, and you can also run it directly on the local desktop.
  • Integratable
    Skylark.js core framework focus functional structure of an application, easy to integrate with jquery, backbone, vue, react and other popular UI framework.
  • Unified
    Skylark.js is easy to unify other framework resources. Using skylark-jquery, jquery plugins and applications can run directly on skylarkjs without jquery.
    In addition, there are skylark-backbone, skylark-vue (in developping) and so on.
  • Configable
    All constituent elements of the application (such as paths, plugins, dependents, and so on) are configed in slax-config.json file.
  • Modular
    Highly modular with very little opinion of how things should be done, removing bloat and unecessary overhead.

browser compatibility

Skylark.js supports all browsers that are ES5-compliant (IE8 and below are not supported).

Ecosystem

Project Description Integration
skylark-langx   javaScript language extension library built-in on skylarkjs runtime
skylark-router   frontend routing framework built-in on skylarkjs runtime
skylark-spa   html5 single page application framework built-in on skylarkjs runtime
skylark-utils   javascript dom utility library built-in on skylarkjs runtime(full build version)
skylark-slax-browser official desktop browser for running skylark slax application built-in on skylarkjs development tools
skylark-slax-nodeserver official node server for running the skylark slax application built-in on skylarkjs development tools
skylark-jquery an extension library fully compatible with jquery api optional, installed by the developer as needed
skylark-backbone an extension library fully compatible with backbone api optional, installed by the developer as needed

Runtime

architecture

architecture

different builds

build Description
full skylarkjs.js included skylark-utils
core skylarkjs-core.js not included skylark-utils
full (development) uncompressed/skylarkjs.js included skylark-utils
core (development) uncompressed/skylarkjs-core.js not included skylark-utils

installation

There are multiple ways to install the skylark-router library.

usage

  • Using the skylarkjs library for a AMD module.
<script type="text/javascript" 
            src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.3/require.min.js"
            data-main="http://registry.skylarkjs.org/packages/skylarkjs/v0.9.3/uncompressed/skylarkjs.js">
</script>
<script>
  require(["skylarkjs"],funciton(skylarkjs){
  skylarkjs.xxx();
  });
</script>

Developping

installation

Skylark.js sdk is released as npm package, so first make sure the nodejs and npm have been installed.

npm install skylarkjs -g

China:

ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/ npm install skylarkjs -g --verbose

quick start

  • enter into the workspace root directory
  • create skylark slax application skeleton
sjs create slaxApp1 --routes home:/,view1:/view1,view2:/view2
  • build application
npm run build
  • deploy application
npm run deploy
  • run the application as desktop application
npm run browse

desktopapp

  • start server to run the slax application
npm run serve

webapp

Documentation

Stay In Touch

Bugs and feature requests

Have a bug or a feature request? Please first search for existing and closed issues. If your problem or idea is not addressed yet, please open a new issue.

License

The code is released under the MIT License.

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].