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 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 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'; | |
| import { Section, Paragraph, ButtonStyles } from './style.js'; | |
| const Button = styled.button`${ButtonStyles};`; | |
| const Main = () => ( | |
| <Section> | |
| <Paragraph> |
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 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 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 { 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 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
| 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 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
| now -e SLACK_API_TOKEN=" TOKEN " -e SLACK_SUBDOMAIN=" subdomain " now-examples/slackin -n subdomain |
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 ReactDOM from 'react-dom'; | |
| ReactDOM.render(<h1>Hello, world!</h1>, document.getElementById('root')) |
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
| console.log(‘HEEEEREE’); |
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
| console.log('This a log'); | |
| console.warn('This a warning'); | |
| console.error('This a error'); | |
| console.info('This an info'); |
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
| console.time("for loop"); | |
| var arr = []; | |
| for (i = 0; i < 10000000; i++) { | |
| arr.push(i); | |
| } | |
| console.timeEnd("for loop"); |