teyfix

const HelloWorld = () => {
  const [show, setShow] = useState(false);

  return (
    <section>
      <h1>Merhaba dünya!</h1>
      <GoodMorning show={show} />
      <button onClick={() => setShow(!show)}>Merhaba!</button>
    </section>
  );

teyfix

const HelloWorld = () => {
  const [show, setShow] = useState(false);

  return (
    <section>
      <h1>Merhaba dünya!</h1>
      {show ? <p>Günaydın.</p> : null}
      <button onClick={() => setShow(!show)}>Merhaba!</button>
    </section>
  );

teyfix

const HelloWorld = () => (
  <section>
    <h1>Merhaba dünya!</h1>
  </section>
);

ReactDOM.render(
  HelloWorld,
  document.getElementById('root'),
);

teyfix

Vuex.component('app-login', {
  template: `
<section>
  <header>
    <h1>Giriş yap</h1>
  </header>

  <main v-if="user">
    <p>{{ user.username }} olarak giriş yapıldı</p>
  </main>

teyfix

const store = Vuex.Store({
  state: {
    user: null,
  },
  mutations: {
    setUser(state, user) {
      state.user = user;
    },
  },
  actions: {

teyfix

const authorize = async (username, password) => {
  const response = await fetch('/login', {
    method: 'post',
    body: {
      username,
      password,
    },
  });
  const session = await response.json();

teyfix

const store = Vuex.Store({
  state: {
    user: null,
  },
  mutations: {
    setUser(state, user) {
      state.user = user;
    },
  },
});

teyfix

const store = Vuex.Store({
  state: {
    user: null,
  },
});

teyfix

const user = new ReplaySubject(1);

authorize(session => user.next(session.user));

teyfix

const fibonacci = new BehaviorSubject(1);

fibonacci.next(1);
fibonacci.next(2);
fibonacci.next(3);
fibonacci.next(5);
fibonacci.next(8);

console.log(fibonacci.value);