Skip to content

Instantly share code, notes, and snippets.

View redbar0n's full-sized avatar

redbar0n

View GitHub Profile

Libraries and Tools for React

If you're developing an application based on React it can be helpful if you don't need to develop all the basic UI components yourself. Here you can find a list with various components, component libraries and complete design systems developed with and for React.

As the list got longer and longer I thought it would be better to have a "real" site for it.

👉 Please find the (new) list here: https://react-libs.nilshartmann.net/

@t1ger-0527
t1ger-0527 / SomeComponent.jsx
Last active June 7, 2021 14:51
pass-dataset
import mapKeys from 'lodash/mapKeys'
const toKebabDataSet = (dataSet = {}) => {
return mapKeys(
dataSet,
(_, key) => 'data-' + key.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase()
)
}
export default (props) => {
@MaxGraey
MaxGraey / index.js
Last active December 14, 2020 15:37
Ramda vs RxJS vs JS lambda calculus vs JS functional vs JS loop
/*
Test environment:
- node.js 10.5.0
- macOS 10.13.5
- MacBook Pro Late 2013
- Ramda 0.25.0
- RxJS 6.2.1
Results (Babel transpiled):
@tectiv3
tectiv3 / Export-OSX-Notes-to-MD.applescript
Last active May 25, 2026 17:46
Export notes from the OSX Notes.app to separate Markdown files prefixed with the creation timestamp.
on buildTitle(originalText)
set normalizedText to my replace(originalText, ":", "-")
set normalizedText to my replace(normalizedText, "|", "")
set normalizedText to my replace(normalizedText, "{", "")
set normalizedText to my replace(normalizedText, "}", "")
set normalizedText to my replace(normalizedText, " ", "_")
set normalizedText to my replace(normalizedText, "/", "_")
set normalizedText to my replace(normalizedText, "\\", "_")
set normalizedText to my replace(normalizedText, "*", "")
set normalizedText to my replace(normalizedText, ".", "")
@mayankk2308
mayankk2308 / disable-amd-gpu.sh
Last active June 10, 2025 20:29
Disable AMD GPU acceleration on macOS
# This can be useful to force the system to use only the integrated GPU at all times.
# This only applies to modern AMD GPUs (using the AMDRadeon4000 series kernel extension or later).
# Set mux to integrated Intel GPU
sudo nvram fa4ce28d-b62f-4c99-9cc3-6815686e30f9:gpu-power-prefs=%01%00%00%00
# Option #1: Completely disable automatic graphics switching and any other GPUs
sudo nvram boot-args="agc=-1"
# Option #2: Disable just the AMD GPU framebuffer
@mscharley
mscharley / Generator.re
Last active January 19, 2022 02:45
Example of using JavaScript generators in ReasonML.
/* Note, this is only for library interop code. This is *not* a good way to do things in pure Reason code. */
module type GeneratorType {
type value('a);
type t('a);
type fn('a) = unit => t('a);
let valueGet: value('a) => option('a);
let doneGet: value('a) => bool;

What's so great about Reason?

PDXReactJS meetup / 13. Nov 2018 @benjamminj

Maintainability?

We want to make complex problems simple, and solve them in ways we can extend on.

JavaScript v. ReasonML:

@pixelhandler
pixelhandler / gist:d773fb3cfcf1a345014d75e43da65b77
Created January 15, 2019 00:11
JavaScript Generators and Concurrency
# JavaScript Generators and Concurrency
1. Why generators are a nice fit for handling a coroutine (source/sink)
2. How we use generators in the Dashboard app
3. What generators can do to help wrangle async behavior
Generators are functions that can be paused and resumed (think cooperative multitasking or coroutines)
Pitch: