rheaditi

/**
 * This puppeteer script will automatically download all payslips for you, if your company uses Keka HR Software.
 * I downloaded about 4 years of payslips in approximately 2 minutes! :P
 *
 * - Download this file and save it in some temporary directory.
 * - Fill in the params wherever you see the ℹ️ in this file & save.
 * - Install the dependency `puppeteer-core` (just run `npm init` and `npm install --save puppeteer-core@2` in your directory).
 * - Requires NodeJS >= 12 (tested with v12.13.1), puppeteer-core@2 & Google Chrome browser.
 * - Run: `node downloadPayslips.js`
 * - The files are all saved to the browser's default download folder.

rheaditi

styled-components: Apply your custom styles to a third party/existing component

topics: styled-components, Link, react-router, react-router-dom, custom styles, extend component, styling third party components

Usage

Let's take the example of react-router-dom's Link component which you may want to style as your own HyperLink component. Say you have created a styled.a component called HyperLink.

rheaditi

Cheatsheet

@adam-p has a great CheatSheet here

Collapsible content

keywords: collapse, collapsible, markdown, closed header

Use <details /> and <summary /> HTML elements.

rheaditi

<div class="container">
	<div class="jumbotron">

		<h1 class="text-center">Nikola Tesla</h1>
		<h2 class="text-center"><em>The Mad Scientist</em></h2>
		<br />
		<div class="row">
			<div class="col-xs-12 col-md-6 col-md-offset-3">
			<section class="thumbnail">
			<img src="https://upload.wikimedia.org/wikipedia/commons/8/87/Blue_Portrait_of_Nikola_Tesla.jpg" alt="Nikola Tesla" />