David Dias thedaviddias

## storybook-docs-typescript-walkthrough.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                thedaviddias
                / storybook-docs-typescript-walkthrough.md
            
            
              Created
              December 27, 2019 15:22
                — forked from shilman/storybook-docs-typescript-walkthrough.md
            
              
                Storybook Docs Typescript Walkthrough
              
          
    Storybook Docs w/ CRA & TypeScript

This is a quick-and-dirty walkthrough to set up a fresh project with Storybook Docs, Create React App, and TypeScript. If you're looking for a tutorial, please see Design Systems for Developers, which goes into much more depth but does not use Typescript.
The purpose of this walkthrough is a streamlined Typescript / Docs setup that works out of the box, since there are countless permutations and variables which can influence docs features, such as source code display, docgen, and props tables.
Step 1: Initialize CRA w/ TS

npx create-react-app cra-ts --typescript

  
## get_title_and_url.applescript
-- AppleScript --

-- This example is meant as a simple starting point to show how to get the information in the simplest available way.
-- Keep in mind that when asking for a `return` after another, only the first one will be output.
-- This method is as good as its JXA counterpart.

-- Google Chrome
tell application "Google Chrome" to return title of active tab of front window
tell application "Google Chrome" to return URL of active tab of front window
-- Google Chrome Canary

## index.html
<!DOCTYPE html>
<html>
  <head>

  </head>
  <body>

  </body>
</html>

## sample.js
const CDP = require('chrome-remote-interface');
const chromeLauncher = require('lighthouse/chrome-launcher/chrome-launcher');

function onPageLoad(Runtime) {
  const js = "document.querySelector('title').textContent";
  return Runtime.evaluate({expression: js}).then(result => {
    console.log('Title of page: ' + result.result.value);
  });
}

## repo-reset.md

      
              1 file
            
          
              0 forks
            
          
              2 comments
            
          
              0 stars
            
          
                thedaviddias
                / repo-reset.md
            
            
              Created
              July 20, 2018 15:38
                — forked from heiswayi/repo-reset.md
            
              
                GitHub - Delete commits history with git commands
              
          
    First Method

Deleting the .git folder may cause problems in our git repository. If we want to delete all of our commits history, but keep the code in its current state, try this:
# Check out to a temporary branch:
git checkout --orphan TEMP_BRANCH

# Add all the files:
git add -A


## README-Template.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                thedaviddias
                / README-Template.md
            
            
              Created
              November 18, 2017 02:50
                — forked from PurpleBooth/README-Template.md
            
              
                A template to make good README.md
              
          
    Project Title

One Paragraph of project description goes here
Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.
Prerequisites


## index.html
<link rel="preload" href="app.js">

## index.html
<link rel="prefetch" href="image.png">

## index.html
<link rel="preconnect" href="https://example.com">

## index.html
<link rel="dns-prefetch" href="https://example.com">
	-- AppleScript --

	-- This example is meant as a simple starting point to show how to get the information in the simplest available way.
	-- Keep in mind that when asking for a `return` after another, only the first one will be output.
	-- This method is as good as its JXA counterpart.

	-- Google Chrome
	tell application "Google Chrome" to return title of active tab of front window
	tell application "Google Chrome" to return URL of active tab of front window
	-- Google Chrome Canary
	const CDP = require('chrome-remote-interface');
	const chromeLauncher = require('lighthouse/chrome-launcher/chrome-launcher');

	function onPageLoad(Runtime) {
	const js = "document.querySelector('title').textContent";
	return Runtime.evaluate({expression: js}).then(result => {
	console.log('Title of page: ' + result.result.value);
	});
	}