Single page application javascript framework

Saved searches

Use saved searches to filter your results more quickly

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

JavaScript framework to build single page applications

License

basisjs/basisjs

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Sign In Required

Please sign in to use Codespaces.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

basis.js – is open-source JavaScript framework to build complex single page applications (SPA). It’s developing with focus on dynamics (everything could change), flexibility, performance and ability to manage a lot of data (models, collections etc).

You can compare performance of basis.js with other frameworks by some synthetic tests: animation through bindings (alternative version), model generation and simple list with a lot items generation.

basis.js has tools that helps build awesome applications:

• basisjs-tools — CLI to manage basis.js project: create instances, build for production and special web server that notify client when resources are updated. See more information in project repo.
• Google Chrome plugin (repo) — helps to manage templates and localization with live updates and change saving to files, it also provide project file structure graph and other information.

Library version can be fetched from CDN: https://cdnjs.com/libraries/basis.js

Install all dependencies (by npm install ). Than use command:

Another option is start http server and open /test/index.html in your browser to run test suite.

Where can I get more information

Unfortunatelly, most information is in Russian now, but we are working on it.

• basisjs.com – project site
• Articles – documentation about various parts of the framework (in progress);
• Tour – interactive slides with description and code, that you could tweak;
• Tutorial – step by step instruction for how to use basis.js (in progress)
• Docs – auto-documentation, that generates on fly by module structure and their source code;
• Demo – demo set that shows some of abilities of the framework;
• Slides – slides for basis.js related talks.

About

JavaScript framework to build single page applications

Источник

The Best Single Page Application Framework of 2022

A SPA (Single-page application) is a type of web application that loads only a single web document, and then updates the body content of that single document through JavaScript APIs such as XMLHttpRequest and Fetch when other content is to be shown.
SPA permits users to utilize websites without loading whole new pages from the server, which can result in performance improvements and a more dynamic and smooth experience, with some tradeoff disadvantages such as SEO, more effort required to maintain state, implement navigation, and do meaningful performance monitoring.

Which Single Page Application Framework is the Best?

A Single Page Application framework is incorporated with a lot of utilities that drive the development process streamlined. Along with automating repetitious coding tasks, and offering ready-to-use components, these frameworks also provide HTML and AJAX support, URL routing, data caching, protection against security vulnerabilities, and improved performance. Some famous web frameworks used for the web application development of Single Page Applications are listed below.

React Js

• Lightweight
• Separation of concerns(SoC)
• JSX – XML like syntax allows you to render HTML code using JavaScript
• Virtual DOMs
• Object-oriented paradigm
• Highly scalable and flexible
• High performance
• Components based framework that promotes reusability and flexibility

Vue Js

Vue Js is a front-end JavaScript framework built to develop web applications, SPA, and user interfaces, which is based on a model-view-view-model (MVVM) is known as Vue.js. The framework is focused on the view layer, component composition, and declarative rendering.
If you prefer simplicity and flexibility in your front-end frameworks, then Vue is a good option. Besides, it’s the most lightweight of all other frameworks.

Being a flexible open-source framework, it can be utilized for fast, cost-efficient web application development. You can produce complex traditional web applications with heavy traffic or small-scale static websites. Surprisingly, Vue is also competent in the development of single-page applications. Currently, such companies as GitLab, Baidu, and Alibaba use Vue.js for their needs. This is due to the many features it offers such as:

• Lightweight, easy to use
• A minimalistic ecosystem
• Virtual DOM results in faster dynamic HTML pages rendering
• Customizable and reusable components
• MVVM software design architecture
• Reactive two-way data binding
• Easily integrable with other Vue frameworks
• User-friendly coding environment
• Flexible to integrate with any third-party apps

AngularJS

Angular is one of the open-source, front-end, JavaScript-based frameworks widely used in creating single page applications on the client-side. It has been created by Google and the popular users of AngularJS include Microsoft, Google, and PayPal. It is qualified of transferring the entire content directly from the server to the browser, loading all the pages at the same time. Once they are loaded, the page does not reload if a link is clicked upon; instead, the sections within the page are updated instantly. AngularJS allows faster loading of pages as there is less load on the server. The two-way data binding feature saves the burden of writing numerous codes. Here, automatic integration of data between model and view components takes place. Further, AngularJS works on MVC architecture. Below are some features of this single page application framework:

• Dependency injection
• High performance and speed
• Highly extensible with other libraries
• Caching
• Two-way data binding feature eliminating the need for DOM manipulation
• No dependencies to code
• Debugging and testing

EmberJS

EmberJS is a highly opinionated, open-source framework that facilitates greater flexibility. It observes a widget-based approach known by the name Ember components. The templates incorporated with Handlebars get updated automatically as the data changes, using minimal coding. The widespread users of EmberJS include Microsoft, Netflix, LinkedIn, Live, Vine, etc. Apple Music, which is a desktop application also uses EmberJS. Also, it has a powerful routing system. It works on the MVVM pattern and follows the Convention over Configuration (CoC) model. The data library presented by EmberJS is quite resourceful. Its friendly API makes many prefer EmberJS over other frameworks. It follows a two-way data binding pattern.

The framework offers defaults and basic templates to promote the best developing techniques. Some other unique functionalities offered by Ember are:

• It has all the utilities a developer requires to develop a high-functioning application. It delivers hundreds of high-quality, curated npm packages.
• It is a scalable, easy-to-use UI architecture
• Ember Addons to execute new functionalities in your application.
• Ember CLI comes built-in with an environment with rapid rebuilds, and auto-reload
• Easy testing and deployment of web applications
• URL routing
• The inbuilt data layer can be integrated with popular database environments too
• Convention over configuration

Closing Notes

Single Page Applications are the reason for the rapid loading time and creative user interactions of many popular websites. Building SPA is an effective solution for drawing end-users and customers.

At Codebirsk, we facilitate the development of single-page apps as our main goal is to provide a smooth user experience. Our proficient team of web developers has years of experience in providing successful web applications across the globe. So You can contact us for any suggestion about the development of an interactive, dynamic single-page application for your enterprise.

For More News & Updates, Follow me on Twitter/iamSumyyaKhan.

Источник