kstulgys

const checkboxOverides = {
  ".form-check-label": {
    height: "full",
    display: "flex",
    alignItems: "center",
    minHeight: 10
  },
  ".form-check-label span": {
    pl: 2
  },

kstulgys

import TodosModel from "./TodosModel";
import TodosView from "./TodosView";
import TodosController from "./TodosController";
import PubSub from "./PubSub";

const pubSub = new PubSub();
const model = new TodosModel(pubSub);
const view = new TodosView(document.getElementById("app"), pubSub);

new TodosController(model, view);

kstulgys

export default class PubSub {
  constructor() {
    this.registry = {};
  }

  on(evtName, cb) {
    this.registry[evtName] = this.registry[evtName] || [];
    this.registry[evtName].push(cb);
  }

kstulgys

export default class TodosController {
  constructor(model, view) {
    this.model = model;
    this.view = view;
    this.init();
  }

  init() {
    this.view.createView();
    this.setEventListeners();

kstulgys

export default class TodosView {
  constructor(wrapper, pubSub) {
    this.wrapper = wrapper;
    this.pubSub = pubSub;
    this.cashe = {};
  }

  createView() {
    this.wrapper.insertAdjacentHTML("afterbegin", this.renderUI());
    this.cashe.todosList = document.querySelector(".todos-list");

kstulgys

export default class TodosModel {
  constructor(pubSub) {
    this.todos = [
      { title: "clean room", id: 1, done: false },
      { title: "read book", id: 2, done: false },
      { title: "learn classes", id: 3, done: false }
    ];
    this.pubSub = pubSub;
  }

kstulgys

import Store from "./store/index"

function App() {
  const { state, setState } = Store.useStore()
  
  const onInc = () => 
    setState(state => 
      state.count = state.count + 1
    )
      

kstulgys

import React, { useMemo, useContext, createContext } from "react"
import { useImmer } from "use-immer"

const initialState = {
  count: 0
}

function makeStore() {
  
  const Context = createContext()

kstulgys

  handleChange = (e) => {
    const { name, value } = e.target
    this.setState((prevState, props) => ({
      [name]: value,
    }));

    const lbm = this.state.kg -(this.state.kg * (this.state.fp / 100))
    const bmr = 370 + (21.6 * this.state.lbm)
    this.setState((aprevState, props) => ({
      lbm,

kstulgys

<%= form_for(project) do |f| %>
  <% if project.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(project.errors.count, "error") %> prohibited this project from being saved:</h2>

      <ul>
      <% project.errors.full_messages.each do |message| %>
        <li><%= message %></li>
      <% end %>
      </ul>