ebrugulec

{
  "name": "react-rate-component",
  "version": "1.0.0",
  "description": "react rating component with custom symbol",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",

ebrugulec

npm i react react-dom webpack webpack-cli webpack-dev-server html-webpack-plugin style-loader css-loader babel-core babel-loader@7.1.4 babel-preset-env babel-preset-react -D

ebrugulec

mkdir react-rate-component
cd react-rate-component
npm init

ebrugulec

function App() {
  const [inputValue, setValue] = useState("reactjs");
  const [subreddit, setSubreddit] = useState(inputValue);

  const handleSubmit = e => {
    e.preventDefault();
    setSubreddit(inputValue);
  };

  return (

ebrugulec

function Reddit({ subreddit }) {
  const [posts, setPosts] = useState([]);

  useEffect(async () => {
    const res = await fetch(
      `https://www.reddit.com/r/${subreddit}.json`
    );

    const json = await res.json();
    setPosts(json.data.children.map(c => c.data));

ebrugulec

import React, { useEffect, useState } from "react";
import ReactDOM from "react-dom";

function Reddit() {
  const [posts, setPosts] = useState([]);

  useEffect(async () => {
    const res = await fetch(
      "https://www.reddit.com/r/reactjs.json"
    );

ebrugulec

import React, { useEffect, useState, useRef } from "react";
import ReactDOM from "react-dom";

function App() {
  const inputRef = useRef();
  const [value, setValue] = useState("");

  useEffect(
    () => {
      console.log("render");

ebrugulec

useEffect(() => {
  console.log('mounted');
  return () => console.log('unmounting...');
}, [])

ebrugulec

const [value, setValue] = useState('initial');

useEffect(() => {
  console.log(value);
}, [value])

ebrugulec

//Kim, neden, neyi, ne için extends ediyor?
class Counter extends Component {
  // State'i direk tanımlayabilir miyiz?
  state = { value: 0 };

  // Neden props kullanıyoruz?
  // constructor(props) {
  //
  //  super ne alaka?
  //  super(props);