Skip to content

Instantly share code, notes, and snippets.

View Saya47's full-sized avatar

Saya47

6 followers · 4 following
View GitHub Profile
@gaearon
gaearon / index.html
Last active February 13, 2024 09:46
Multiple React components on a single HTML page
<!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>
@gaearon
gaearon / minification.md
Last active June 8, 2024 08:15
How to Set Up Minification

In production, it is recommended to minify any JavaScript code that is included with your application. Minification can help your website load several times faster, especially as the size of your JavaScript source code grows.

Here's one way to set it up:

  1. Install Node.js
  2. Run npm init -y in your project folder (don't skip this step!)
  3. Run npm install terser

Now, to minify a file called like_button.js, run in the terminal:

@gaearon
gaearon / index.html
Last active May 23, 2024 11:08
Add React in One Minute
<!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>
@gaearon
gaearon / LikeButton.js
Last active July 31, 2022 17:22
'use strict';
const e = React.createElement;
class LikeButton extends React.Component {
constructor(props) {
super(props);
this.state = { liked: false };
}
@gaearon
gaearon / modern_js.md
Last active April 18, 2024 15:01
Modern JavaScript in React Documentation

If you haven’t worked with JavaScript in the last few years, these three points should give you enough knowledge to feel comfortable reading the React documentation:

  • We define variables with let and const statements. For the purposes of the React documentation, you can consider them equivalent to var.
  • We use the class keyword to define JavaScript classes. There are two things worth remembering about them. Firstly, unlike with objects, you don't need to put commas between class method definitions. Secondly, unlike many other languages with classes, in JavaScript the value of this in a method [depends on how it is called](https://developer.mozilla.org/en-US/docs/Web/Jav
@StevenACoffman
StevenACoffman / fluent-filebeat-comparison.md
Last active April 2, 2024 22:34
Fluentd Fluent-bit FileBeat memory and cpu resources

Fluent-bit rocks

A short survey of log collection options and why you picked the wrong one. 😜

Who am I? Where am I from?

I'm Steve Coffman and I work at Ithaka. We do JStor (academic journals) and other stuff. How big is it?

Number what it means
101,332,633 unique visitors in 2017
@ohpe
ohpe / MiTM-SSL.md
Created February 12, 2018 20:03
Simple SSL MiMT using stunnel

Simple SSL MiTM

A quick and dirty SSL MiTM using stunnel

  • Generate a SSL certificate .. or use Let's Encrypt (for the green lock)
openssl req -batch -new -x509 -days 365 -nodes -out mitm.pem -keyout mitm.pem
  • Run stunnel



  


  




    


          
    

      

        
        

          

              @ewauq
          

          

            
                ewauq
                / logitech-bind-f13-f24.lua
            
            

              Last active
              June 5, 2024 19:47
            

              
                How to: Bind F13 to F24 keys on the G-keys (Logitech Gaming Keyboards)
              
          

        

      

        

  

    
    


        



  


  

        

          
          -- How to use this script:
        

        

          
          -- 1. Install the Logitech Gaming Software: http://support.logitech.com/en_us/software/lgs
        

        

          
          -- 2. Launch it, and right click on your profile (the gear icon) and then click on "Scripts".
        

        

          
          -- 3. Add the following code into the Script window, save it, and close it. Enjoy.
        

        

          
          -- Now G1 is bound to F13, G2 to G14, ... G12 to F24.
        

        

          
          

        

        

          
          function OnEvent(event, arg)
        

        

          
          

        

        

          
            -- OutputLogMessage("event = %s, arg = %s\n", event, arg) 
        

  





    


  




    


          
    

      

        
        

          

              @jwilson8767
          

          

            
                jwilson8767
                / es6-element-ready.js
            
            

              Last active
              April 22, 2024 20:28
            

              
                Wait for an element to exist. ES6, Promise, MutationObserver
              
          

        

      

        

  

    
    


        



  


  

        

          
          // MIT Licensed
        

        

          
          // Author: jwilson8767
        

        

          
          

        

        

          
          /**
        

        

          
           * Waits for an element satisfying selector to exist, then resolves promise with the element.
        

        

          
           * Useful for resolving race conditions.
        

        

          
           *
        

        

          
           * @param selector
        

        

          
           * @returns {Promise}
        

        

          
           */
        

  





    


  




    


          
    

      

        
        

          

              @psychemedia
          

          

            
                psychemedia
                / wordexport.py
            
            

              Created
              June 13, 2017 09:34
            

          

        

      

        

  

    
    


        



  


  

        

          
          # Copyright (c) The Open University, 2017
        

        

          
          # Copyright (c) Jupyter Development Team.
        

        

          
          

        

        

          
          # Distributed under the terms of the Modified BSD License.
        

        

          
          

        

        

          
          # Custom bundler extensions API:
        

        

          
          # http://jupyter-notebook.readthedocs.io/en/latest/extending/bundler_extensions.html
        

        

          
          # Requires: _jupyter_bundlerextension_paths(), bundle()
        

        

          
          # Based on: https://github.com/jupyter-incubator/dashboards_bundlers/