Skip to main content

Frontend Frameworks

Frontend Frameworks

  1. jQuery

  2. React

  3. Preact

  4. Angular

  5. Angular.io

  6. Vue

    https://github.com/ElemeFE/element

  7. Ember

  8. Polymer

  9. Backbone

  10. Svelte

  11. Nextjs

  12. Solidjs SolidJS vs. React: The Go-to Guide

https://dev.to/santypk4/top-10-front-end-frameworks-by-downloads-2015-2019-2427

Angular vs React

https://dev.to/imm9o/what-you-gona-lose-if-you-chose-react-over-angular-25ln

Svelte

Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue do the bulk of their work in thebrowser, Svelte shifts that work into acompile stepthat happens when you build your app.

Instead of using techniques like virtual DOM diffing, Svelte writes code that surgically updates the DOM when the state of your app changes.

  • WHAT IS SVELTE'S MAJOR ADVANTAGE?

Svelte is compiled into pure Javascript at the build stage, so the application has no dependencies needed to start.

  • HOW IS A SVELTE COMPONENT STRUCTURED?

A Svelte component may contain 3 sections: script, style, and template. The first 2 sections, however, are optional and modify the appearance and behavior, the template section is required.

  • IS SVELTE'S TEMPLATE BLOCK PURE HTML?

Svelte provides an enhanced version of HTML inside the template block with extra features like variables, conditional blocks, loop blocks, async-await blocks, and more.

  • HOW DO YOU SHARE DATA ACROSS A SVELTE APPLICATION?

You can share data using Svelte's Context API - a mechanism for components to connect without passing data as props, or dispatching lots of events.

Vue.js

Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

It is designed from the ground up to be incrementally adoptable, and can easily scale between a library and a framework depending on different use cases. It consists of an approachable core library that focuses on the view layer only, and an ecosystem of supporting libraries that helps you tackle complexity in large Single-Page Applications.

https://github.com/vuejs/vue

https://www.toptal.com/vue-js/interview-questions

https://www.freecodecamp.org/news/build-a-portfolio-with-vuejs/

https://www.freecodecamp.org/news/vue-3-full-course

https://www.freecodecamp.org/news/how-to-code-a-framework-vuejs-example

Polymer

Polymer lets you build encapsulated, reusable Web Components that work just like standard HTML elements, to use in building web applications.

carousel (Image slider that auto plays)

templates

custom elements

shadow DOM

HTML Imports

Polyfill (Tell the browser how to render elements in browser)

https://github.com/Polymer/polymer

https://www.polymer-project.org

Frontity

Frontity is a free and open source framework to build super fast WordPress themes using React.

https://frontity.org

Phase.JS

Phaser is the biggest HTML5 game development framework on the market. It has been used for browser games, mobile games, and desktop games. Learn how to use this library to make games for yourself

https://www.codecademy.com/learn/learn-phaser

JSII

jsii allows code in any language to naturally interact with JavaScript classes. It is the technology that enables the AWS Cloud Development Kit to deliver polyglot libraries from a single codebase!

https://github.com/aws/jsii