

๐10 Trending projects on GitHub for web developers - 9th July 2021
source link: https://dev.to/iainfreestone/10-trending-projects-on-github-for-web-developers-9th-july-2021-5gl6
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensure you never miss an issue.
1. Machine Learning for Beginners
12 weeks, 24 lessons, classic Machine Learning for all.
microsoft
/
ML-For-Beginners
12 weeks, 24 lessons, classic Machine Learning for all
Machine Learning for Beginners - A Curriculum
๐ Travel around the world as we explore Machine Learning by means of world cultures ๐
Azure Cloud Advocates at Microsoft are pleased to offer a 12-week, 24-lesson curriculum all about Machine Learning. In this curriculum, you will learn about what is sometimes called classic machine learning, using primarily Scikit-learn as a library and avoiding deep learning, which is covered in our forthcoming 'AI for Beginners' curriculum. Pair these lessons with our forthcoming 'Data Science for Beginners' curriculum, as well!
Travel with us around the world as we apply these classic techniques to data from many areas of the world. Each lesson includes pre- and post-lesson quizzes, written instructions to complete the lesson, a solution, an assignment and more. Our project-based pedagogy allows you to learn while building, a proven way for new skills to 'stick'.
โ๏ธ Hearty thanks to ourโฆ
2. petite-vue
petite-vue is an 5kb subset alternative distribution of Vue optimized for progressive enhancement. It provides the same template syntax and reactivity mental model with standard Vue. However, it is specifically optimized for "sprinkling" small amount of interactions on an existing HTML page rendered by a server framework
vuejs
/
petite-vue
5kb subset of Vue optimized for progressive enhancement
petite-vue
petite-vue
is an alternative distribution of Vue optimized for progressive enhancement. It provides the same template syntax and reactivity mental model with standard Vue. However, it is specifically optimized for "sprinkling" small amount of interactions on an existing HTML page rendered by a server framework. See more details in how it differs from standard Vue.
- Only ~5.8kb
- Vue-compatible template syntax
- DOM-based, mutates in place
- Driven by
@vue/reactivity
Status
-
This is pretty new. There are probably bugs and there might still be API changes, so use at your own risk. Is it usable though? Very much. Check out the examples to see what it's capable of.
-
The issue list is intentionally disabled because I have higher priority things to focus on for now and don't want to be distracted. If you found a bug, you'll have to either workaround it or submit a PR to fix it yourself. Thatโฆ
3. Milkdown
Plugin driven WYSIWYG markdown editor.
Saul-Mirone
/
milkdown
๐ผ Plugin driven WYSIWYG markdown editor.
Milkdown
A plugin-driven WYSIWYG markdown Editor, inspired by Typora, built on top of prosemirror and remark.
Designed by Meo.
Documentation
For more information, please check our official documentation.
What's Next
You can check our Milkdown TODO project page to know what's on the plan.
Contributor
Sponsors
If you like this project, please consider fund me to help the maintenance.
License
4. Fronts
Fronts is a progressive micro frontends framework for building Web applications, and it's based on the module federation of Webpack.
Fronts is a progressive micro frontends framework for building Web applications, and it's based on the module federation of Webpack.
Motivation
Among the many micro frontends solutions, single-spa and Module Federation are the best of them.
single-spa is a micro frontends framework based on router configuration. The centralization of configuration brings some limitations, such as it is difficult to granulate nestable micro frontends, module granularity control, module sharing, and so on.
In 2019, Zack Jackson proposed and implemented Module Federation. Module Federation is a completely different concept from single-spa, and allows a JavaScript application to dynamically load code from another application. It completely solves the problem of code dependency sharing and runtime modularity. The idea is true - A game-changer in JavaScript architecture as mentioned in Zack Jackson's article. And it's currently supported by Webpack, Next.js, and Rollup.
Although the Module Federation concept is so amazing, it has not yetโฆ
5. vscode-theme-generator
Easily generate themes for VS Code with only a few colors.
Tyriar
/
vscode-theme-generator
Easily generate themes for VS Code with only a few colors
vscode-theme-generator
This is a preview that leverages the new VS Code theming options in v1.12.
The Problem
- New themes are typically forked from other themes, carrying the bugs with them
- .tmThemes are overly verbose and difficult to maintain
- Themes are difficult to write from scratch
The Solution
What if all you needed to do to generate a theme was specify a few colors and everything else was handled for you? Well that's what this module aims to accomplish. All you need to do is specify a set of "base colors" (background, foreground and 4 accent colors) and you have a reasonably good looking theme.
All other VS Code theme colors are then derived from those base colors, with the option to tweak each underlying color as well.
Example
This is all that's needed to generate a great looking theme:
import { generateTheme, IColorSet } from 'vscode-theme-generator'; const colorSetโฆ
6. Qwik
An Open-Source framework designed for best possible time to interactive, by focusing on resumability of server-side-rendering of HTML, and fine-grained lazy-loading of code.
BuilderIO
/
qwik
An Open-Source framework designed for best possible time to interactive, by focusing on resumability of server-side-rendering of HTML, and fine-grained lazy-loading of code.
Qwik
DOM-Centric, Resumable Web-App Framework
An Open-Source framework designed for best possible time to interactive, by focusing on resumability of server-side-rendering of HTML, and fine-grained lazy-loading of code.
Getting Started
- Visit StackBlitz for a simple demo you can play with.
- Visit integration folder for guided tours of Qwik to learn how it works.
- Understand the difference between resumable and replayable applications.
- Learn about Qwik's high level mental model.
Blog Posts
Community
Join our discord community.
Made with โค๏ธ by Builder.io
7. Captain Stack
This feature is somewhat similar to Github Copilot's code suggestion. But instead of using AI, it sends your search query to Google, then retrieves StackOverflow answers and autocompletes them for you.
hieunc229
/
copilot-clone
VSCode extension for code suggestion
Captain Stack โ Code suggestion for VSCode
This feature is somewhat similar to Github Copilot's code suggestion. But instead of using AI, it sends your search query to Google, then retrieves StackOverflow answers and autocompletes them for you.
Captain Stack is launched on Product Hunt and would appricate your support
Table of contents:
Note: โ ๏ธ This extension uses a proposed API (inline-completion) and can only be used for extension development in VSCode Insider release. It's not yet available on VSCode
1. Installation
Check out the installation video: https://youtu.be/MD-kzsF0Scg
Before installation, make sure you have VSCode Insider. You'll be using this version. To install and starting Captain Stack:
- Download this repository to your local machine. Unzip and open it on VSCode Insider (make sure the root directory is the same as
package.json
file) - (optional) Run
npm install
in the terminal toโฆ
8. VSCodeVim
VSCodeVim is a Vim emulator for Visual Studio Code.
VSCodeVim
Vim emulation for Visual Studio Code
VSCodeVim is a Vim emulator for Visual Studio Code.
- ๐ For a full list of supported Vim features, please refer to our roadmap.
- ๐ Our change log outlines the breaking/major/minor updates between releases.
- โ If you need to ask any questions, join us on Slack
- Report missing features/bugs on GitHub.
๐พ Installation
VSCodeVim is automatically enabled following installation and reloading of VS Code.
To enable key-repeating execute the following in your Terminal and restart VS Code:
$ defaults write com.microsoft.VSCode ApplePressAndHoldEnabled -bool false # For VS Code $ defaults write com.microsoft.VSCodeInsiders ApplePressAndHoldEnabled -bool false # Forโฆ
9. Didact
A DIY guide to build your own React
Didact
A DIY guide to build your own React
This repository goes together with a series of posts that explains how to build React from scratch step by step. You can jump straight to the last post which is self-contained and includes everything.
Follow @pomber on twitter for updates.
License
The MIT License (MIT)
10. UIkit
A lightweight and modular front-end framework for developing fast and powerful web interfaces
uikit
/
uikit
A lightweight and modular front-end framework for developing fast and powerful web interfaces
UIkit
UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.
- Homepage - Learn more about UIkit
- @getuikit - Get the latest buzz on Twitter
- Discord Chat - Join our developer chat on Discord.
UIkit is an Open Source project developed by YOOtheme.
Getting started
You have the following options to get UIkit:
- Download the latest release with pre-built CSS and JS.
- Install with npm to get all source files as they are available on Github:
npm install uikit
- Install with yarn to get all source files as they are available on Github:
yarn add uikit
- Directly load UIkit from jsDelivr: https://www.jsdelivr.com/package/npm/uikit
- Clone the repo to get all source files including build scripts:
git clone git://github.com/uikit/uikit.git
Developers
To always have the latest development version of UIkit, even before a release, you may want to use npm or yarn with the dev
tag.
- Using npmโฆ
Stargazing ๐
Top risers over last 7 days
Top growth(%) over last 7 days
Top risers over last 30 days
Top growth(%) over last 30 days
Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensure you never miss an issue.
If you enjoyed this article you can follow me on Twitter where I regularly post bite size tips relating to HTML, CSS and JavaScript.
Recommend
-
12
Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensure you never miss an issue. 1. utility-types Collection of utility type...
-
12
๐10 Trending projects on GitHub for web developers - 30th April 2021 Apr 30 Originally published at
-
5
๐10 Trending projects on GitHub for web developers - 14th May 2021 May 14 Originally published at
-
11
Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensure you never miss an issue. 1. Slides Terminal based presentation tool
-
7
๐10 Trending projects on GitHub for web developers - 18th June 2021 Jun 18 Originally published at
-
4
Trending Projects is available as a weekly newsletter please sign up at www.iainfreestone.com to ensure you never miss an issue. 1. SvelteKit The fastest way to build Svelt...
-
14
๐10 Trending projects on GitHub for web developers - 16th July 2021 Jul 16 Originally published at
-
8
๐10 Trending projects on GitHub for web developers - 23rd July 2021 Jul 23 Originally published at
-
6
Trending Projects is available as a weekly newsletter please sign up at Stargazing.dev to ensure you never miss an issue. 1. craft.js A React Framework for building extensible dra...
-
5
Trending Projects is available as a weekly newsletter please sign up at Stargazing.dev to ensure you never miss an issue. 1. UnoCSS The instant on-demand atomic CSS engine....
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK