Skip to content

Instantly share code, notes, and snippets.

View calaca's full-sized avatar

Lorena Calaça calaca

60 followers · 37 following
View GitHub Profile
@calaca
calaca / HelloWorld.js
Last active November 3, 2019 21:58
React Native with styled-components
import React from 'react';
import { StatusBar } from 'react-native';
import { Container, Content, Title, Details } from './styles';
const HelloWorld = () => {
return (
<Container>
<StatusBar barStyle="light-content" />
<Content>
<Title>Hello, Medium!</Title>
@calaca
calaca / HelloWorld.js
Last active November 3, 2019 21:57
React Native default styling
import React from 'react';
import { SafeAreaView, View, Text, StyleSheet, StatusBar } from 'react-native';
const HelloWorld = () => {
return (
<SafeAreaView style={styles.container}>
<StatusBar barStyle="light-content" />
<View style={styles.content}>
<Text style={styles.title}>Hello, Medium!</Text>
<Text style={styles.text}>This is just an example app</Text>
@calaca
calaca / index.html
Created May 17, 2017 01:30
Hello World in React with JSX
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello World</title>
<script src="https://unpkg.com/react@latest/dist/react.js"></script>
<script src="https://unpkg.com/react-dom@latest/dist/react-dom.js"></script>
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
</head>
<body>
@calaca
calaca / index.html
Last active November 3, 2022 21:18
Hello World in React without JSX
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello World</title>
<script src="https://unpkg.com/react@latest/dist/react.js"></script>
<script src="https://unpkg.com/react-dom@latest/dist/react-dom.js"></script>
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
</head>
<body>