Frontend Frameworks
Frontend Frameworks
-
jQuery
-
React
-
Preact
-
Angular
-
Angular.io
-
Vue
-
Ember
-
Polymer
-
Backbone
-
Svelte
-
Nextjs
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.
Links
- https://svelte.dev
- https://github.com/sveltejs/svelte
- https://www.toptal.com/front-end/svelte-framework-guide
- https://dev.to/hexrcs/svelte-crash-course-with-pics-27cc
- SvelteKit & TailwindCSS Tutorial - Build & Deploy a Web Portfolio - YouTube
- Learn SvelteKit - Full Course for Beginners - YouTube
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://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.
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!