ivan-kleshnin

;; 0. Given that `app` is a RING handler

;; 1. We have 6 functions: 3 to modify requests, 3 to modify responses

;; 1.1. Request modifiers
(defn modify-request-first [handler]
  (fn [request]
    (println "modify-request-first") ; "println" is a placeholder for real code
    (handler request)))

ivan-kleshnin

TailwindCSS UI kits

Look for more options here: https://www.tailwindawesome.com

TODO

• Radix

https://tailwindui.com/

ivan-kleshnin

Courses

A list to track my progress because I tend to forget such things. Listing only useful ones here.

Design

• [+] John McWade: update which courses exactly (Lynda -> Linkedin)
• [+] Adam Wathan, Steve Schoger: Refactoring UI (very good)
• [~] Erik Kennedy: Learn UI Design
• [~] Gary Simon: DesignCourse channel

ivan-kleshnin

Quest for a good UI library

Quick notes for myself.

MUI

• Emotion based 📝
• Large ecosystem 👍
• A lot of components 👍
• Also hooks and utils 👍

ivan-kleshnin

const experiences = [
  // all `nulls`s
  {id: 1, name: "FOO", startDateYear: null, startDateMonth: null, endDateYear: null, endDateMonth: null},

  // three `null`s
  {id: 2, name: "FOO", startDateYear: 2022, startDateMonth: null, endDateYear: null, endDateMonth: null},
  {id: 3, name: "FOO", startDateYear: null, startDateMonth: 2, endDateYear: null, endDateMonth: null},
  {id: 4, name: "FOO", startDateYear: null, startDateMonth: null, endDateYear: 2022, endDateMonth: null},
  {id: 5, name: "FOO", startDateYear: null, startDateMonth: null, endDateYear: null, endDateMonth: 2},

ivan-kleshnin

/*
Check this: https://tkdodo.eu/blog/status-checks-in-react-query
Check this: https://github.com/ivan-kleshnin/react-query-status-checks
*/

// TWO PARALLEL QUERIES, RESULTS ARE RENDERED SEPARATELY
export function Controller() : JSX.Element {
  const query1 = useQuery("...first")
  const query2 = useQuery("...second")

ivan-kleshnin

1. HTTP Performance

1.1 Reduce number of HTTP Requests

• Use HTTP/2
• GraphQL
• CSS sprites
• Bundling
• Browser Caching
• Cache Busting

ivan-kleshnin

// Publish-Subscribe
// Observable – Observer 
// Publisher - Listener
// Emitter - Handler

/*
Updates:
  0) off
  1) once
  2) raise event on add listener

ivan-kleshnin

ФУЛЛСТЕК РАЗРАБОТКА для продвинутых

Утомили пересказы документации и Hello-World туториалы?

На Paqmind регулярно публикуем уникальный авторский контент по
веб-разработке и программированию для уровней Junior+, Middle и выше.

• современные технологии и тренды

ivan-kleshnin

const assert = (v, err) => {
  if (!v) {
    throw err;
  }
};

let counter = 0;

class Promise {
  constructor(executor) {