Flexing pagination arrows
A Pen by Hakim El Hattab on CodePen.
A Pen by Hakim El Hattab on CodePen.
import { Component } from "React"; | |
export var Enhance = ComposedComponent => class extends Component { | |
constructor() { | |
this.state = { data: null }; | |
} | |
componentDidMount() { | |
this.setState({ data: 'Hello' }); | |
} | |
render() { |
#Simple MongoDB Security Tutorial
###1 - Start mongod without any "security option"
$ mongod --port 27017
import React from "react"; | |
import { Location } from "@reach/router"; | |
let scrollPositions = {}; | |
class ManageScrollImpl extends React.Component { | |
componentDidMount() { | |
let storage = sessionStorage.getItem("scrollPositions"); | |
if (storage) { | |
scrollPositions = JSON.parse(storage); |
#!/usr/bin/env bash | |
# A basic Self Signed SSL Certificate utility | |
# by Andrea Giammarchi @WebReflection | |
# https://www.webreflection.co.uk/blog/2015/08/08/bringing-ssl-to-your-private-network | |
# # to make it executable and use it | |
# $ chmod +x certificate | |
# $ ./certificate # to read the how-to |
if [ -s "$HOME/.nvm/nvm.sh" ] && [ ! "$(type -f __init_nvm)" = function ]; then | |
export NVM_DIR="$HOME/.nvm" | |
[ -s "$NVM_DIR/bash_completion" ] && . "$NVM_DIR/bash_completion" | |
declare -a __node_commands;__node_commands=(nvm `find -L $NVM_DIR/versions/*/*/bin -type f -exec basename {} \; | sort -u`) | |
function __init_nvm() { | |
for i in "${__node_commands[@]}"; do unalias $i; done | |
. "$NVM_DIR"/nvm.sh | |
unset __node_commands | |
unset -f __init_nvm | |
} |
I hereby claim:
To claim this, I am signing this object:
# Orijinal https://github.com/shayne/wsl2-hacks | |
wsl2-hacks | |
Useful snippets / tools for using WSL2 as a development environment | |
--- | |
**Auto-start/services** (`systemd` support) | |
I've done a few methods that have had various levels of success. My goal was to make it feel seamless for my workflow and have commands work as expected. What's below is the current version of the setup I use. It allows me to use the MS Terminal as well as VSCode's Remote WSL plugin. |
//! Implements a texture atlas (https://en.wikipedia.org/wiki/Texture_atlas). | |
//! | |
//! The implementation is based on "A Thousand Ways to Pack the Bin - A | |
//! Practical Approach to Two-Dimensional Rectangle Bin Packing" by Jukka | |
//! Jylänki. This specific implementation is based heavily on | |
//! Nicolas P. Rougier's freetype-gl project as well as Jukka's C++ | |
//! implementation: https://github.com/juj/RectangleBinPack | |
//! | |
//! Limitations that are easy to fix, but I didn't need them: | |
//! |
# Create 1920x1080 resolution mode | |
xrandr --newmode '1920x1080' 173.00 1920 2048 2248 2576 1080 1083 1088 1120 -hsync +vsync | |
# Add new resolution mode to the display | |
xrandr --addmode Virtual1 1920x1080 | |
# Resize the display to use the new resolution mode | |
xrandr --output Virtual1 --mode '1920x1080' --rate 60 |