This file contains 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 styled, { css } from 'styled-components'; | |
export const Section = styled.main` | |
display: flex; | |
flex-direction: column; | |
background: #fff; | |
`; | |
export const Paragraph = styled.p` | |
font-size: 14px; |
This file contains 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'; | |
import { Section, Paragraph, ButtonStyles } from './style.js'; | |
const Button = styled.button`${ButtonStyles};`; | |
const Main = () => ( | |
<Section> | |
<Paragraph> |
This file contains 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 styled, { css } from 'styled-components'; | |
export const Section = styled.main` | |
display: flex; | |
flex-direction: column; | |
background: #fff; | |
`; | |
export const Paragraph = styled.p` | |
font-size: 14px; |
This file contains 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 { keyframes } from 'styled-components'; | |
export const rotate = keyframes` | |
0% { | |
transform: perspective(120px) rotateX(0deg) rotateY(0deg); | |
} | |
50% { | |
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); | |
} | |
100% { |
This file contains 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
Okay , this needs a gist. | |
What I mean is the following , not comparing anything here. I'm a huge advocate for both the frameworks ! | |
You know preact right ? Because you keep up with programming and new stuff in JS. | |
That's all I am saying. | |
You have a job that uses react/angular/wtv but you do search the web and see if there are better tecnhologies for that job, | |
maybe there aren't any better ones but the fact that you keep up with this is what I am searching for in prople. |
This file contains 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
now -e SLACK_API_TOKEN=" TOKEN " -e SLACK_SUBDOMAIN=" subdomain " now-examples/slackin -n subdomain |
This file contains 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 ReactDOM from 'react-dom'; | |
ReactDOM.render(<h1>Hello, world!</h1>, document.getElementById('root')) |
This file contains 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
console.log(‘HEEEEREE’); |
This file contains 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
console.log('This a log'); | |
console.warn('This a warning'); | |
console.error('This a error'); | |
console.info('This an info'); |
This file contains 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
console.time("for loop"); | |
var arr = []; | |
for (i = 0; i < 10000000; i++) { | |
arr.push(i); | |
} | |
console.timeEnd("for loop"); |