Top 20 Frontend Interview Questions With Answers

1. webpack

   1 367 65,274 9.8 JavaScript

   A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

   

   Webpack is a module bundler, the main purpose of which is to bundle JavaScript files to make them usable in a browser.

2. Civic Auth

   www.civic.com featured

   Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

   

3. i18next

   2 69 8,076 8.9 JavaScript

   i18next: learn once - translate everywhere

   

   The best way to implement internationalization is to use an internationalization framework library, such as i18next. With this kind of library, you can easily handle translations and automatically display your frontend labels in the user's language. The frontend application also needs to be flexible and easily configurable so that its layout can change accordingly, reading from left to right or right to left. CSS allows this with the rtl and ltr CSS direction property.

4. web-vitals

   3 144 7,962 8.3 JavaScript

   Essential metrics for a healthy site.

   

   Google Core Vitals now represent the most important metrics to focus on when it comes to technical SEO. Google Core Vitals are a set of standardized metrics that Google uses to evaluate the user experience offered by a web page and assign it a technical SEO grade. Several tools exist to measure and report technical SEO performance, but the most reliable is Google Lighthouse.

5. Sass

   4 222 15,259 8.4 TypeScript

   Sass makes CSS fun!

   

   CSS stands for Cascading Style Sheets, and is a scripting language used to style web pages. SCSS stands for Syntactically Awesome Style Sheet, and is a superset of CSS. You can think of SCSS as the more advanced version of CSS, which comes with several features that CSS does not support, such as the SCSS nested syntax, as shown below.

6. lodash

   5 212 60,428 2.5 JavaScript

   A modern JavaScript utility library delivering modularity, performance, & extras.

   

   It's also important to ensure that you're importing libraries correctly, so webpack can perform tree shaking effectively. For example, let's import lodash, as follows:

7. react-buddy-react

   6 38 0 0.0 JavaScript

   A declarative, efficient, and flexible JavaScript library for building user interfaces.

   

   When dealing with frontend libraries or frameworks such as React, using the Fullscreen API directly may be difficult because of the way the framework handles the DOM. In scenarios like this, you can opt for an external library, such as react-full-screen, to handle full-screen logic. This enables you to elegantly implement full-screen functionality on a React component.

8. lighthouse

   7 172 28,971 9.3 JavaScript

   Automated auditing, performance metrics, and best practices for the web.

   

   Google Core Vitals now represent the most important metrics to focus on when it comes to technical SEO. Google Core Vitals are a set of standardized metrics that Google uses to evaluate the user experience offered by a web page and assign it a technical SEO grade. Several tools exist to measure and report technical SEO performance, but the most reliable is Google Lighthouse.

9. SurveyJS

   surveyjs.io featured

   JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

   

Suggest a related project