Frameworks

Frameworks are designed to support the development of applications including services, resources, and APIs. They aim to help streamline common development processes by offering features such a UI components, templating, session management, data access etc. Each framework has it's own way of doing things thus there is a learning curve for each one.

Similar to languages, it is recommended to stick with a small set of popular and established frameworks within a company to maximise proficiency within these frameworks and avoid risking skill isolation.

Below is a list of recommended front and back end frameworks.

Front-end:

Vue

Vue is an open-source front-end JavaScript framework for building user interfaces and single-page applications. It is one of the top 3 leading front-end JavaScript frameworks today. It has a rich ecosystem and an easy learning curve compared to other frameworks such as React/Angular. The most recent Steer digital projects have used Vue for all frontend development. Several other CSS/UI frameworks are used on top of Vue.

Official Vue Website

Svelte

Svelte is an open-source front-end JavaScript framework for building user interfaces and single-page applications. A new framework based on a different approach to reactivity in that it doesn't use a virtual DOM and compiles the source code without any framework bundle. It is very easy to learn, offers high performance in comparison with React/Vue/Angular. It is the fastest trending framework at the moment. It also has a alpha release of Sapper which offers the full application dev experience i.e. includes routing, state management, tooling etc. However as this is relatively new, the ecosystem is not mature enough to support large scale applications. Having said that I would recommend Svelte for small projects and monitor how Svelte grows.

Official Svelte Website

Vuetify

Vuetify is a semantic development framework for Vue.js. Built with Material Design, it aims to provide all the tools necessary to create beautiful content rich applications. Free and open source. This is the recommended UI framework to use with Vue.

Official Vuetify Website

Bootstrap

Bootstrap is the most popular CSS framework today. Free, open-source and directed at responsive, mobile-first front-end web development. It contains CSS- and JavaScript-based design templates for typography, forms, buttons, navigation and other interface components. Often used with Vue.

Official Bootstrap Website

Bulma

Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive and fully modular. Another popular choice.

Official Bulma Website

Back-end:

Laravel

Laravel is one of the leading PHP frameworks. It is intended for the development of web applications following the model–view–controller architectural pattern and is based on Symfony. The most recent Steer digital projects have used Laravel for any backend development.

Official Laravel Website

AdonisJs

AdonisJs is a popular Node.js web framework. Based heavily on Laravel, it is often cited as the Laravel of the Node world.

Official AdonisJs Website

Express

Express is the most popular back-end framework running on top of Node today. It is a fast and minimalist with a quick learning curve.

Official Express Website

FeathersJS

FeathersJS built on top of Express and allows for rapid creation of REST APIs and realtime apps.

Official FeathersJS Website