Skip to content

Instantly share code, notes, and snippets.

View kristijan-pajtasev's full-sized avatar
🇭🇷

Kristijan kristijan-pajtasev

🇭🇷
42 followers · 26 following
View GitHub Profile
@kristijan-pajtasev
kristijan-pajtasev / create-npx-app.cmd
Created January 4, 2021 14:10
npx create-next-app PROJECT_NAME - use-npm - example https://github.com/vercel/next-learn-starter/tree/master/learn-starter
@kristijan-pajtasev
kristijan-pajtasev / todo.json
Created December 19, 2020 00:38
[
{
"id": 1,
"text": "todo 1",
"isCompleted": false
},
{
"id": 2,
"text": "todo 2",
"isCompleted": false
@kristijan-pajtasev
kristijan-pajtasev / ContextChild.js
Created December 8, 2020 22:59
import UserContext from "../UserContext";
import {useContext} from "react";
function ContextChild() {
const user = useContext(UserContext);
return (
<div>
<div>context child</div>
<pre>
{JSON.stringify(user)}
@kristijan-pajtasev
kristijan-pajtasev / ContextParent.js
Created December 8, 2020 22:58
import UserContext from '../UserContext'
import ContextChild from "../ContextChild";
function ContextParent() {
const value = {name: "Peter"};
return (
<UserContext.Provider value={value}>
<div>context parent</div>
<ContextChild/>
@kristijan-pajtasev
kristijan-pajtasev / UserContext.js
Created December 8, 2020 22:57
// UserContext.js
import {createContext} from "react";
const user = {};
export default createContext(user);
@kristijan-pajtasev
kristijan-pajtasev / OneRun.js
Created November 25, 2020 10:53
import {useEffect} from 'react';
function OneRun() {
useEffect(() => {
console.log("Runs only once.")
}, []);
return <div>One run</div>
}
@kristijan-pajtasev
kristijan-pajtasev / ConditionalEffects.js
Created November 25, 2020 10:52
import {useEffect, useState} from "react";
import Counter from "./Counter";
function ConditionalEffects() {
const [firstCounter, setFirstCounter] = useState(0);
const [secondCounter, setSecondCounter] = useState(0);
useEffect(() => {
console.log("updated first counter")
}, [firstCounter]);
useEffect(() => {
console.log("updated first counter")
@kristijan-pajtasev
kristijan-pajtasev / ConditionalEffects.js
Created November 25, 2020 10:51
import {useEffect, useState} from "react";
import Counter from "./Counter";
function ConditionalEffects() {
const [firstCounter, setFirstCounter] = useState(0);
const [secondCounter, setSecondCounter] = useState(0);
useEffect(() => {
console.log("updated first counter")
}, [firstCounter]);
return (
@kristijan-pajtasev
kristijan-pajtasev / ChatComponent.js
Created November 25, 2020 10:49
import {useEffect} from 'react';
import ChatAPI from './ChatAPI';
function ChatComponent() {
useEffect(() => {
ChatAPI.subscribe();
return () => {
ChatAPI.unsubscribe();
}
})
@kristijan-pajtasev
kristijan-pajtasev / Counter.js
Created November 25, 2020 10:47
import {useEffect, useState} from 'react';
function Counter() {
const [counter, setCounter] = useState(0);
useEffect(() => {
console.log("This useEffect runs on every change");
})
return (