Skip to content

Technology & Architecture

Hamza Basrai edited this page Sep 20, 2020 · 1 revision

Technology

Front End

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

LogBook uses Node.js as a runtime for building the front end application which can then be served on a web server. The package manager Yarn is used to download and manage project dependencies.

A JavaScript library for building user interfaces

React is the primary tool used to build the business logic of LogBook. It is a declarative, component-based library that allows for rapid development of modern web applications. React is an industry standard with enormous community support and battle-tested solutions making it a great choice for new projects.

webpack is a static module bundler for modern JavaScript applications

Modern web development makes use of numerous software tools and libraries to build applications with ease. These libraries give developers a rich development environment and far greater control than traditional JavaScript simply executing in a browser. However, producing a final product that can be interpreted by browsers requires the process of bundling, collecting and formatting all the application code into browser executable JavaScript. webpack is a very powerful module bundler that does all the heavy lifting to transform source code into static assets to be consumed by a browser. LogBook is bundled with webpack, basically transforming all the React code into plain JavaScript.

A utility-first CSS framework for rapidly building custom designs

TailwindCSS is a CSS framework that operates on the idea of utility-classes. Rather than providing arbitrary design classes like Bootstrap, TailwindCSS offers hundreds of CSS classes that each target a specific property. The result is a huge arsenal of CSS building blocks that can be combined to create limitless designs. LogBook is entirely styled with TailwindCSS and relieves developers from having to manage growing CSS.

Clone this wiki locally