kitze

import React from 'react';

const ConditionalWrap = ({condition, wrap, children}) => condition ? wrap(children) : children;

const Header = ({shouldLinkToHome}) => (
  <div>
    <ConditionalWrap
      condition={shouldLinkToHome}
      wrap={children => <a href="/">{children}</a>}
    >

dominikwilkowski

How to install a man page into a node.js app

Installing a man page is not easy as there are little infos out there about it.

After a lot of trial and error, google searches and alpha publishing my app I finally have a collection of things I need to do to get it working:

tunguskha

Gradient shadow in pure CSS

HTML

<button>Let's Go !</button>

jasonlong

evangs

var https = require('https');

// CONFIGURATION #######################################################################################################

var token          = '';
var delay          = 300; // delay between delete operations in millisecond

// GLOBALS #############################################################################################################

var baseApiUrl    = 'https://slack.com/api/';

fnky

ANSI Escape Sequences

Standard escape codes are prefixed with Escape:

• Ctrl-Key: ^[
• Octal: \033
• Unicode: \u001b
• Hexadecimal: \x1B
• Decimal: 27

jackdomleo7

/*! NOTE: These are just recommended default global styles, edit as required */

@import ('Import reset stylesheet here, (I recommend modern-normalize) or even better, import the reset stylesheet in the HTML as the first imported stylesheet');

::selection { /* Optional */
  /* It can be really hard to read highlighted text with a text-shadow, it should be removed when selected */
  text-shadow: none;
  
  /* NOTE: Using this means the color and background-color are set to transparent for selected text... */
  /* So you can customise your styles below */

rohan-deshpande

Question:

Thinking about this in a nextjs context, let's say we have two components Video and AnimatedGif. For larger screens, we want to load the video, but for smaller screens, and perhaps slower devices, we want to show the gif. We also want to async load these, because they shouldn't block the rest of the page. They are media items so they don't need to be SSR'd, and also it would be good if this could be done with Suspense in mind. Any ideas?

Answer:

Create a custom hook, something like useDeviceAndViewport() that returns the relevant info. You need to know the network status, the viewport dimensions and whether the element is within the viewport.

dominikwilkowski

Original article: https://aaronparecki.com/2016/07/29/10/git-tower and https://github.com/pstadler/keybase-gpg-github

Install https://gpgtools.org/

Install https://keybase.io/

Create a new GPG key on keybase.io ore transfer your old one

Set up Git to sign all commits

surpher

Dealing with Rust to build PactSwiftMockServer

Example of an automated script that does most of this: https://github.com/surpher/PactSwiftMockServer/blob/fb8148866bb05f49a0b1dcaae66c67bad1e7eca7/Support/build_rust_dependencies

Install Rust

curl https://sh.rustup.rs -sSf | sh