After completing this guide, you'll have a new project with the following:
- React v16
- Redux
- Redux Form
- React-Router v4
pash90
/ dynamic-fonts.html
Created
January 18, 2017 08:42
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <body> | |
| <p id="demo-text">The font size is being changed propertionally to the window width. The current size is <span id="font-size"></span></p> | |
| <script> | |
| var fontSizes = { | |
| mobile: 12, | |
| tablet: 14, | |
| desktop: 16 | |
| }; |
pash90
/ media-queries.css
Last active
February 26, 2017 22:30
Width-based media queries for web projects.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| * SMALL SCREENS | |
| */ | |
| @media only screen { | |
| /* Define mobile styles */ | |
| } | |
| // Mobile-only styles, max-width: 640px | |
| @media only screen and (max-width: 640px) { | |
| /* use when QAing mobile only issues */ |
pash90
/ sample-event.ics
Created
March 20, 2017 02:56
A sample file detailing the structure of an iCal event. Works with Google Calendar as well as Apple Calendar
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| BEGIN:VCALENDAR | |
| VERSION:2.0 | |
| CALSCALE:GREGORIAN | |
| BEGIN:VEVENT | |
| SUMMARY:BlueChilli Investor Evening | |
| DTSTART;TZID=Australia/Sydney:20170511T180000 | |
| DTEND;TZID=Australia/Sydney:20170511T190000 | |
| LOCATION:125 York Street\, Sydney 2000 | |
| DESCRIPTION:An evening of pitches from startups that have gone through BC accelerator & incubator programs | |
| STATUS:CONFIRMED |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Future versions of Hyper may add additional config options, | |
| // which will not automatically be merged into this file. | |
| // See https://hyper.is#cfg for all currently supported options. | |
| module.exports = { | |
| config: { | |
| // default font size in pixels for all tabs | |
| fontSize: 14, | |
| // font family with optional fallbacks |
pash90
/ NewCreateReactAppTS.md
Last active
November 15, 2018 02:50
CRA + TS with Redux, RR4, DevTools and History
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "printWidth": 100, | |
| "noSemi": true, | |
| "trailingComma": "es5", | |
| "jsxBracketSameLine": true, | |
| "rcVerbose": true, | |
| "useTabs": true, | |
| "tabWidth": 2, | |
| "singleQuote": true | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const listOfUsernames = [ | |
| "Acetorcan", | |
| "AirFear", | |
| "ApenguinHonda", | |
| "Aqueback", | |
| "Aspharmyx", | |
| "Beadvior", | |
| "Blacharb", | |
| "Bobolity", | |
| "BradleySun", |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| bot: | |
| format: chat | |
| flows: | |
| - name: Welcome | |
| entry_flow: true | |
| flow_elements: | |
| - message_thread: | |
| name: Introduction | |
| entry_element: true | |
| messages: |