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
| // This assumes Styled Components is in play, as well. | |
| // | |
| // Here we have the (too simple) React component which | |
| // we'll be rendering content into. | |
| // | |
| class Underlined extends React.Component<any, any> { | |
| public hole: HTMLElement | null | |
| // We'll put the content into what we render using |
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
| Login | |
| Incomplete form* | |
| Empty* | |
| Add username -> Username filled out | |
| Add password -> Password filled out | |
| Submit -> Empty | |
| Username filled out | |
| Add password -> All fields filled out | |
| Submit -> Username required prompt | |
| Password filled out |
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
| import * as enzyme from 'enzyme'; | |
| import { uniq } from 'lodash'; | |
| import * as React from 'react'; | |
| const BlockContext = React.createContext(''); | |
| interface BlockElementProps { | |
| className?: string; | |
| modifier?: string; | |
| name?: string; |
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
| ProseDB Notepad* | |
| No Notes* | |
| Create Note -> One Note | |
| One Note |
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
| import * as React from 'react' | |
| import * as ReactDOM from 'react-dom' | |
| import App from 'components/App' | |
| import 'index.css' | |
| import registerServiceWorker from 'registerServiceWorker' | |
| const root: HTMLElement | null = document.getElementById('root') | |
| if (root) { |
(by @andrestaltz)
If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.
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
| import React from 'react' | |
| import styled from 'styled-components' | |
| const WelcomeBanner = styled.header`` | |
| const Main = styled.main`` | |
| const Paragraph = styled.p`` | |
| const Headings = { | |
| One: styled.h1``, | |
| Two: styled.h2``, |
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
| package akkahttptest | |
| import akka.actor.ActorSystem | |
| import akka.http.Http | |
| import akka.stream.FlowMaterializer | |
| import akka.http.server._ | |
| import akka.http.marshalling.PredefinedToResponseMarshallers._ | |
| import akka.stream.scaladsl.{HeadSink, Source} | |
| object Proxy extends App { |