Skip to content

Instantly share code, notes, and snippets.

View dahelg's full-sized avatar
:octocat:

Helge Drews dahelg

:octocat:
17 followers · 67 following
View GitHub Profile
@nivethan-me
nivethan-me / README.md
Last active July 13, 2024 06:05
Setup a Next.js 13 project with Eslint + Prettier with automatic tailwind class sorting
@coolaj86
coolaj86 / ChatGPT-Dan-Jailbreak.md
Last active July 20, 2024 01:55
@jacob-ebey
jacob-ebey / deferred-overview.md
Last active September 11, 2023 09:10
Deferred Overview

Remix Deferred

Remix Deferred is currently implemented on top of React's Suspense model but is not limited to React. This will be a quick dive into how "promise over the wire" is accomplished.

SSR + Hydration

It isn't rocket science, but a quick recap of how frameworks such as react do SSR:

  1. Load data
  2. Render the app
@oliverjumpertz
oliverjumpertz / dialog.html
Created December 24, 2020 21:04
HTML native dialog
<dialog open>
<form method="dialog">
<p>Do you want to confirm your action?</p>
<div class="right">
<input class="btn" type="submit" value="Ok" />
<input class ="btn" type="submit" value="Cancel" />
</div>
</form>
</dialog>
@BretCameron
BretCameron / child.html
Last active July 27, 2019 13:48
Part 2: A simple dummy text generator, where people can click a button to add another paragraph of lorem ipsum text.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="ie=edge" http-equiv="X-UA-Compatible">
<title>Lorem Ipsum Generator</title>
</head>
@addisonschultz
addisonschultz / useScript.tsx
Last active October 28, 2023 10:02
A React hook that lets you add script tags to a component. Useful when needing to load scripts for components in Framer X.
import * as React from "react"
import { useState, useEffect } from "react"
// Hook
let cachedScripts = []
export function useScript(src) {
// Keeping track of script loaded and error state
const [state, setState] = useState({
loaded: false,
@qoomon
qoomon / conventional-commits-cheatsheet.md
Last active July 21, 2024 00:15
Conventional Commits Cheatsheet

Conventional Commit Messages

See how a minor change to your commit message style can make a difference.

Tip

Have a look at git-conventional-commits , a CLI util to ensure these conventions, determine version and generate changelogs

Commit Message Formats

Default

@chalsy87
chalsy87 / webPack-VSCode-Jest-alias-configuration.md
Created December 14, 2018 07:09
Use of alias in VSCode with Jest in a typeScript/JavaScript project

webPack-VSCode-Jest-alias-configuration

This are the necessary steps about How to configure alias in WebPack, VSCode and Jest.

Problem: We want to avoid the type of imports where you have to 'calculate' the path, intead of that we want to use a more friendly alias.

@jamesreggio
jamesreggio / react-forwardref-simple-example.js
Last active January 8, 2023 21:40
Simple example usage of React.forwardRef()
// EmailInput wraps an HTML `input` and adds some app-specific styling.
const EmailInput = React.forwardRef((props, ref) => (
<input ref={ref} {...props} type="email" className="AppEmailInput" />
));
class App extends Component {
emailRef = React.createRef();
render() {
return (
@Igormandello
Igormandello / Node.js project readme template
Last active December 19, 2023 08:23
# Project Title
A nice project with a nice description
---
## Requirements
For development, you will only need Node.js and a node global package, Yarn, installed in your environement.
### Node