Front-end Technologies

Spine JS

A JavaScript MVC framework for building web apps. Aims to simplify MVC and integrates well with CoffeeScript. It is simple, lightweight, has minimal dependencies and approachable source code; great for teams. 

SSGs

SSGs typically stand for Static Site Generators. These are tools or frameworks used in web development to generate static websites from various data sources, templates, and content. They offer the advantage of faster load times and security compared to dynamic websites while making it easier to manage content and structure.

SSR

Stands for server-side rendering. SSR is a popular technique for rendering a normally client-side only single page app (SPA) on the server and then sending a fully rendered page to the client. 

Storybook

An open source tool for developing UI components in isolation for React, Vue, and Angular.

Styled Components

One of the new ways to use CSS in modern JavaScript. It is the meant to be a successor of CSS Modules, a way to write CSS that's scoped to a single component, and not leak to any other element in the page.

Stylus

Dynamic stylesheet language that is compiled into Cascading Style Sheets (CSS). Regarded as the fourth most used CSS preprocessor syntax.

Sublime Text

Fast and feature-packed text and development editor for Windows, OS X and Linux. Sublime Text is beginner-friendly, you can customize almost any aspect of the sublime editor. Featured by the speed and stability.

Svelte

A tool for building fast web applications. Svelte converts an app into ideal JavaScript at build time, rather than interpreting application code at run time. 

SvelteKit

SvelteKit is a JavaScript framework based on Svelte, which uses a compiler, allowing developers to create compact components that perform minimal tasks in the browser. 

Tailwind CSS

Tailwind CSS is an open-source CSS framework that helps developers create modern websites quickly by using CSS classes directly in HTML, without needing to write separate CSS code.

Three.js

A framework build on top of WebGL which makes it easier to create 3D graphics in the browser, it uses a canvas + WebGL to display the 3D scene.

Thunk

A middleware that allows our action creators to return a function instead of an action object. The thunk can be used to delay the dispatch of an action, or to dispatch only if a certain condition is met. It looks at every action that passed through the system; and if it’s a function, it calls that function. 

Turbopack

Turbopack is a JavaScript bundler and runtime for the web that focuses on fast loading times and optimized delivery of JavaScript code, resulting in improved web performance. Turbopack is written in Rust. 

Turret

Styles and browser behaviour normalisation framework for rapid development of responsive and accessible websites. Designed to make responsive, accessible, and scalable CSS development simple, and predictable.

TypeORM

An ORM that can run in NodeJS, Browser, Cordova, PhoneGap, Ionic, React Native, NativeScript, Expo, and Electron platforms and can be used with TypeScript and JavaScript.

TypeScript

Extension (a “superset”) of the JavaScript language. It differentiates itself from competitors like CoffeeScript and Dart in that plain JavaScript code can be intermixed with TypeScript. Primarily provides optional static typing, classes and interfaces.

Underscore.js

JavaScript library that provides useful functional programming helpers without extending any built-in objects. It adds a bunch of basic operations on arrays, collections, functions, and objects.

Vanilla JS

A term for library/framework free JavaScript. Using "VanillaJS" means using plain JavaScript without any additional libraries like jQuery.

Vercel

Vercel is a cloud platform for web development and hosting that simplifies the deployment of web applications.

Vite.js

Vite.js is a build tool and development server for web applications. It's designed to be extremely fast and efficient, helping developers build websites and web apps with rapid development and live reloading. Vite.js is often used with JavaScript frameworks like Vue.js and React to streamline the development process.

Vue

Library for building modern web interfaces. It provides data-reactive components with a simple and flexible API. Vue.js is focused on the ViewModel layer of the MVVM pattern.

Vuex

State management pattern + library for Vue.js applications. It serves as a centralized store for all the components in an application, with rules ensuring that the state can only be mutated in a predictable fashion.

wagmi

wagmi is a collection of pre-built, reusable functions for the React JavaScript library. These hooks are specifically tailored to facilitate interactions with the Ethereum blockchain. They simplify common tasks related to Ethereum, such as connecting wallets, displaying Ethereum Name Service (ENS) information, retrieving balances, signing messages, and interacting with smart contracts. By using these hooks, developers can accelerate the process of integrating Ethereum functionality into their React-based web applications.

WebdriverIO

A Node.js utility for writing easy Selenium tests in a test framework of your choice. It allows to use asynchronous commands, while the test is run synchronously. WebdriverIO integrates with other tools, can be used in most BDD and TDD test frameworks, and can be extended with helper functions.

WebGL

JavaScript API for rendering 2D and 3D graphics on the browser without the use of plug-ins. It’s based on OpenGL ES 2.0. WebGL brings plugin-free 3D to the web, implemented right into the browser.