event-driven-web-components-realworld-example-app
kind-stranger
| event-driven-web-components-realworld-example-app | kind-stranger | |
|---|---|---|
| 2 | 3 | |
| 71 | 31 | |
| - | - | |
| 1.4 | 0.0 | |
| about 1 year ago | over 1 year ago | |
| JavaScript | JavaScript | |
| MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
event-driven-web-components-realworld-example-app
-
Build an Event Driven TodoMVC App with 8 lightweight VanillaJS Web Components
Note about Browser compatibility: This example uses the attribute "is", which is not yet supported by IOS. It is possible to simply avoid this problem by wrapping elements with web components. As can be seen at our Real World Example.
-
Web Components and now what?
An Event Driven Architecture makes stuff like stores obsolete. Your components react on events and if they need something, they emit their event to ask for it. Sure, at this level you are free to decide, if you want to cache certain events, fetches, etc. or if you just want to fire and forget. We chose to simply cancel ongoing fetches at some endpoints (https://github.com/mits-gossau/event-driven-web-components-realworld-example-app/blob/master/src/es/components/controllers/Article.js#L81) but not all those approaches require any difficult logic anymore. Why should you even try to bloat your frontend with a bunch of business logic, if you have an endpoint with that logic already implemented? Keep it simple! 🤯
kind-stranger
-
How can I increase my chances to get a junior frontend position?
https://illfixit.github.io/kind-stranger and the source code: https://github.com/illfixit/kind-stranger
-
Sure I could use the standard mobile Reddit client but instead I spent 10+ months of my life to learn vanilla JavaScript and built this minimalistic Reddit viewer.
GitHub Repo: https://github.com/eslessons/kind-stranger Feel free to fork/clone/star/follow!
-
Kind Stranger is my vision of Vanilla JavaScript Reddit viewer with Night Mode and a slideshow feature
Project Page (?): https://github.com/eslessons/kind-stranger
What are some alternatives?
todomvc-app-template - Template used for creating TodoMVC apps
reddit - Simple Reddit API client
web-components-cms-template - Web Component Templates for any CMS + Web Component Loader (wc-config.js)
body-scroll-lock - Body scroll locking that just works with everything 😏
todomvc-app - Event driven TodoMVC app with VanillaJS Web Components
noLoopFor - JavaScript library for making functional loops
react-form-debounce
ElementsJS - A lightweight DOM Manipulation library for VanillaJS
vanilla-lazyload - LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.
reddit-image-fetcher - A JavaScript package for fetching reddit images, memes, wallpapers and more.
Vanilla-DataTables - A lightweight, dependency-free javascript HTML table plugin
mass-reddit-downvoter - A NodeJS script to mass-downvote comments on reddit