octicons
react-loading-skeleton
octicons | react-loading-skeleton | |
---|---|---|
10 | 4 | |
8,136 | 3,753 | |
0.6% | - | |
7.3 | 3.5 | |
3 days ago | 3 days ago | |
JavaScript | TypeScript | |
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.
octicons
-
GitHub Profile Native Web Components
primer/octicons is the source for all icons used on GitHub.
-
Font-Awesome for GitHub README.md
You might like these as well: https://github.com/primer/octicons
- UI icons for an opensource project.
-
Freelance vscode extension
But the icons are limited to: https://primer.style/octicons/
- Freelance javascript
-
Implementing Dark Mode (Part 2)
Another implementation detail was related to coloring of images. Open Sauced makes use of many SVG images, of differing flavors. In the cases where SVG files are in the static assets of Open Sauced (e.g. ), the coloring of these is controlled using the filter CSS property. On the other hand, we also make use of @primer/octicons-react.
-
The process behind creating a ruby gem
The first thing that I did was to look for other ruby gems that did something like this. I came across octicons by GitHub and liked how they implemented the gem.
-
Announcing GitHub Link: Get links to code in your GitHub files based on text, and forget the line numbers!
Logo is inspired from file-symlink-file of Octicons.
- Is there a collection of Git icons available anywhere?
react-loading-skeleton
-
Skeleton Loading React (Native) JS Code
No, this is not because of a not-invented-here syndrome. A promising library is react-loading-skeleton, among many others.
-
25 React component libraries you just might need for your next project!
react-loading-skeleton Create skeleton screens that automatically adapt to your app
-
Implementing Dark Mode (Part 2)
One last fun implementation detail was working with our use of react-loading-skeleton (I love this effect, and I feel it really does work in keeping the user engaged and under the impression of the app working while data loads). To make this effect still work well in dark mode, I took the opportunity to crack open the source, and replicate a few key values as found in this snippet of our CSS.
-
The Great Redux Toolkit Debate
I'll be working on a new major version of react-loading-skeleton. Check out the roadmap here!
What are some alternatives?
rails-heroicon - Ruby on Rails views helpers for the awesome heroicons by Steve Schoger.
typesafe-actions - Typesafe utilities for "action-creators" in Redux / Flux Architecture
oh-vue-icons - A Vue component for importing inline SVG icons from different popular icon packs easily.
SWR - React Hooks for Data Fetching
hotwire-livereload - Live reload gem for Hotwire Rails apps.
react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React
profile-components - Web components which display profile information from various websites
redux-toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
freelancer-theme - Jekyll theme based on Freelancer Start Bootstrap theme
react-query - 🤖 Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue. [Moved to: https://github.com/TanStack/query]
octicons - A scalable set of icons handcrafted with <3 by GitHub [Moved to: https://github.com/primer/octicons]
react-hot-toast.com - Smoking Hot React Notifications 🔥