Luiz Baldi luizbaldi

## MyResponsiveComponent.js
function MyResponsiveComponent() {
  const width = useWindowWidth(); // Our custom Hook
  return (
    <p>Window width is {width}</p>
  );
}

## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Add React in One Minute</title>
  </head>
  <body>

    <h2>Add React in One Minute</h2>
    <p>This page demonstrates using React with no build tooling.</p>

## 0 basics.md

      
              1 file
            
          
              7 forks
            
          
              15 comments
            
          
              129 stars
            
          
                threepointone
                / 0 basics.md
            
            
              Last active
              March 21, 2023 01:53
            
              
                css-in-js
              
          
    A series of posts on css-in-js

0. styles as objects

First, an exercise. Can we represent all of css with plain data? Let's try.
let redText = { color: 'red' };

  
## semantic-commit-messages.md

      
              1 file
            
          
              1089 forks
            
          
              198 comments
            
          
              6746 stars
            
          
                joshbuchea
                / semantic-commit-messages.md
            
            
              Last active
              June 21, 2024 21:39
            
              
                Semantic Commit Messages
              
          
    Semantic Commit Messages

See how a minor change to your commit message style can make you a better programmer.
Format: <type>(<scope>): <subject>
<scope> is optional
Example


## docker-cleanup-resources.md

      
              1 file
            
          
              645 forks
            
          
              24 comments
            
          
              2762 stars
            
          
                bastman
                / docker-cleanup-resources.md
            
            
              Created
              March 31, 2016 05:55
            
              
                docker cleanup guide: containers, images, volumes, networks
              
          
    Docker - How to cleanup (unused) resources

Once in a while, you may need to cleanup resources (containers, volumes, images, networks) ...
delete volumes

// see: https://github.com/chadoe/docker-cleanup-volumes

$ docker volume rm $(docker volume ls -qf dangling=true)

$ docker volume ls -qf dangling=true | xargs -r docker volume rm

  
## react-modal-flexbox.js
const modalCustomStyles = {
  overlay : {
    position         : 'fixed',
    top              : 0,
    left             : 0,
    right            : 0,
    bottom           : 0,
    display          : 'flex',
    alignItems       : 'center',
    justifyContent   : 'center',

## 0.md

      
              14 files
            
          
              67 forks
            
          
              57 comments
            
          
              438 stars
            
          
                max-mapper
                / 0.md
            
            
              Last active
              February 25, 2024 12:24
            
              
                JS hoisting by example
              
          
    JavaScript function hoisting by example

Below are many examples of function hoisting behavior in JavaScript. Ones marked as works successfuly print 'hi!' without errors.
To play around with these examples (recommended) clone them with git and execute them with e.g. node a.js
Notes on hoisting

(I may be using incorrect terms below, please forgive me)

  
## new_gist_file.js

// Returns a function, that, as long as it continues to be invoked, will not
// be triggered. The function will be called after it stops being called for
// N milliseconds. If `immediate` is passed, trigger the function on the
// leading edge, instead of the trailing.
function debounce(func, wait, immediate) {
	var timeout;
	return function() {
		var context = this, args = arguments;
		clearTimeout(timeout);

## gist:7360908

      
              1 file
            
          
              3668 forks
            
          
              1031 comments
            
          
              16805 stars
            
          
                rxaviers
                / gist:7360908
            
            
              Last active
              June 21, 2024 19:08
            
              
                Complete list of github markdown emoji markup
              
          
    People


 :bowtie:
😄 :smile:
😆 :laughing:


😊 :blush:
😃 :smiley:
☺️ :relaxed:


😏 :smirk:
😍 :heart_eyes:
😘 :kissing_heart:


😚 :kissing_closed_eyes:
😳 :flushed:
😌 :relieved:


😆 :satisfied:
😁 :grin:
😉 :wink:


😜 :stuck_out_tongue_winking_eye:
😝 :stuck_out_tongue_closed_eyes:
😀 :grinning:


😗 :kissing:
😙 :kissing_smiling_eyes:
😛 :stuck_out_tongue:
	function MyResponsiveComponent() {
	const width = useWindowWidth(); // Our custom Hook
	return (
	<p>Window width is {width}</p>
	);
	}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8" />
	<title>Add React in One Minute</title>
	</head>
	<body>

	<h2>Add React in One Minute</h2>
	<p>This page demonstrates using React with no build tooling.</p>
	const modalCustomStyles = {
	overlay : {
	position : 'fixed',
	top : 0,
	left : 0,
	right : 0,
	bottom : 0,
	display : 'flex',
	alignItems : 'center',
	justifyContent : 'center',

	// Returns a function, that, as long as it continues to be invoked, will not
	// be triggered. The function will be called after it stops being called for
	// N milliseconds. If `immediate` is passed, trigger the function on the
	// leading edge, instead of the trailing.
	function debounce(func, wait, immediate) {
	var timeout;
	return function() {
	var context = this, args = arguments;
	clearTimeout(timeout);
`:bowtie:`	😄 `:smile:`	😆 `:laughing:`
😊 `:blush:`	😃 `:smiley:`	☺️ `:relaxed:`
😏 `:smirk:`	😍 `:heart_eyes:`	😘 `:kissing_heart:`
😚 `:kissing_closed_eyes:`	😳 `:flushed:`	😌 `:relieved:`
😆 `:satisfied:`	😁 `:grin:`	😉 `:wink:`
😜 `:stuck_out_tongue_winking_eye:`	😝 `:stuck_out_tongue_closed_eyes:`	😀 `:grinning:`
😗 `:kissing:`	😙 `:kissing_smiling_eyes:`	😛 `:stuck_out_tongue:`