Skip to content

Instantly share code, notes, and snippets.

View juhahinkula's full-sized avatar

Juha Hinkula juhahinkula

184 followers · 5 following
View GitHub Profile
@juhahinkula
juhahinkula / Todolist.js
Last active May 9, 2022 18:01
import React, { useState } from 'react';
function Todolist() {
const [todo, setTodo] = useState({description: '', date: '', priority:''});
const [todos, setTodos] = useState([]);
const inputChanged = (event) => {
setTodo({...todo, [event.target.name]: event.target.value});
}
@juhahinkula
juhahinkula / index.html
Created April 28, 2020 13:20
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>React getting started</title>
</head>
<body>
<!-- Root container for react components -->
<div id='root'></div>
@juhahinkula
juhahinkula / Hello.html
Created April 19, 2020 15:48
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>React getting started</title>
</head>
<body>
<!-- Root container for react components -->
<div id='root'></div>
@juhahinkula
juhahinkula / AddTodo.js
Created November 17, 2019 18:36
import React, { useState } from 'react';
import { StyleSheet, View, KeyboardAvoidingView } from 'react-native';
import * as firebase from 'firebase';
import { Input, Button, ButtonGroup, Text } from 'react-native-elements';
const AddTodo = (props) => {
const [todo, setTodo] = useState({title:'', date: '', category: '', description: ''})
const [expanded, setExpanded] = useState(true)
const [selectedIndex, setSelIndex] = useState(0);
const {navigate} = props.navigation
@juhahinkula
juhahinkula / index.html
Created November 13, 2019 11:50
Counter using useReducer
<!-- Fetch astronomy picture of the day from NASA API -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>React example</title>
</head>
<body>
<!-- Root container for react components -->
<div id="root"></div>
@juhahinkula
juhahinkula / vue.html
Created October 17, 2019 13:47
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Vue.js</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
@juhahinkula
juhahinkula / App.js
Created September 20, 2019 09:26
import React, { useState } from 'react';
import { StyleSheet, View, Text, Button, TextInput, FlatList } from 'react-native';
export default function App() {
const [numA, setNumA] = useState(0);
const [numB, setNumB] = useState(0);
const [result, setResult] = useState(0);
const [history, setHistory] = useState([]);
const calcSum = () => {
@juhahinkula
juhahinkula / App.js
Created September 12, 2019 09:26
import React, { useState } from 'react';
import './App.css';
function App() {
const [todo, setTodo] = useState({desc: '', date: ''});
const [todos, setTodos] = useState([]);
const addTodo = (event) => {
event.preventDefault();
setTodos([...todos, todo]);
@juhahinkula
juhahinkula / RestList.html
Created September 10, 2019 07:33
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>React getting started</title>
</head>
<body>
<!-- Root container for react components -->
<div id='root'></div>
@juhahinkula
juhahinkula / RestList.html
Last active February 13, 2022 14:16
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>React getting started</title>
</head>
<body>
<!-- Root container for react components -->
<div id='root'></div>
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>