Frontend Engineering II Flashcards
What is Reactive UI?
A UI approach where the interface updates dynamically in response to data changes.
What are some JavaScript/TypeScript libraries and frameworks for front-end development?
React, ViteJS, NextJS.
What is Vite?
A build tool that provides a faster and leaner development experience for modern web projects.
How do you create a new Vite project with React and TypeScript?
Run: npm create vite my-react-swc-ts-app, select React and TypeScript + SWC.
What is SWC in Vite?
Speedy Web Compiler, which is 20x faster than Babel.
How do you start a Vite project after installation?
Run: npm install, then npm run dev.
What is a Progressive Web App (PWA)?
A web application that provides native app-like experiences, including offline functionality.
How do you add PWA support to a Vite project?
Install vite-plugin-pwa and configure vite.config.ts.
How do you enable a service worker in a Vite PWA project?
Run: npm run build, then npm run preview.
What is a service worker in PWA?
A script that runs in the background to handle caching and offline support.
What file is created when setting up a PWA in Vite?
manifest.webmanifest.
How do you add Tailwind CSS to a Vite project?
Run: npm install -D tailwindcss postcss autoprefixer.
What file do you update to configure Tailwind CSS?
tailwind.config.js.
What directives must be added to index.css for Tailwind CSS?
@tailwind base; @tailwind components; @tailwind utilities;
What is HTMX?
A JavaScript library that enables AJAX, CSS Transitions, WebSockets, and Server-Sent Events directly in HTML.
What is Perseus?
A Rust-based front-end framework similar to NextJS, built on Sycamore.
What backend server does Perseus use by default?
Axum web server.
What are the benefits of using Rust for web development?
Better performance, memory safety, and improved security.
What is Tailwind CSS?
A utility-first CSS framework for rapid UI development.
