React Unit Testing

Polaroid effect on gallery-block: Polaroid Effect with CSS


Some interesting links:

Plugins:

  • BulkPress to swiftly enter data when needed
  • You should create Custom Post Types by hand-coded via some generator, but if lazy - you could use Custom Post Type UI

Tools:

Good reads:

  • Perfect Design Tips: Refactoring UI

  • Check if plugin is ok? [Code Review Checklist(https://wpdevelopment.courses/articles/code-review-checklist/)

Block Design and Styling ideas:

CSS Effects


How to embed Google Maps on site:

  1. My Maps (with custom marker), share publicly
  2. Embed via Custom HTML block
  3. Add parameteres

Everything You Never Wanted to Know About Google Maps’ Parameters Google Map Parameters


How to speed up WordPress by selectively disabling/enabling plugins option_active_plugins – Bytefreaks.net option_active_plugins filter not working - WordPress Development Stack Exchange


Oxygen is using https://photoswipe.com/ for image gallery

Fancybox plugin si palio i gasio…


  • react - primeri na kraju prvog kursa

Netlify CMS or Forestry.io? - DEV Community 👩‍💻👨‍💻 Build real-time editing into your site. | TinaCMS

woow: Pricing | Forestry.io 10 Headless CMS Options for your JAMstack Website - Bejamas


10+ Best Free React Dashboard Templates 2020 | Material-UI Store

marmelab/react-admin: A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design

React Unit Testing

Jest je ono što se koristi, ali za testiranje event-a se koristi Enzyme (old school) odnosno najbolje: React testing Library.

I to je to

Objašnenje šta je Enzyme: https://www.codementor.io/@vijayst/unit-testing-react-components-jest-or-enzyme-du1087lh8


Upgrade Ubuntu 18.04 to 20.04 LTS using command line - nixCraft

Maybe: How To Install PHP 7.4 on Ubuntu 20.04/18.04/16.04 | ComputingForGeeks


Holy fuck! Free Google Data Studio Rank Tracker with GSC Data google data studio introduction - Google Search Google Datastudio

Data Studio: How to Build a Keyword Ranking Dashboard

A savršen je open-source: Metabase


  • ostalo mi vrlo malo “polish” za CSS na formi

Simple media library:

https://www.mobilehr.rs/wp-admin/plugins.php?s=simple&plugin_status=_medialibrary

Search Gutenberg plugins Plugin Search results for “gallery” - PluginSearch.com


WP-Optimize https://www.mobilehr.rs/wp-admin/admin.php?page=wpo_images

https://www.mobilehr.rs/vesti/uncategorized/testing/ https://www.mobilehr.rs/wp-admin/post.php?post=7557&action=edit

Bulk regenerate - ignore files? because of SVG’s


c:\Projects\episodes\meritplan.rs\plugins\wp-smush-pro-1.zip

Ono što tražim da sredim je: “wp_get_attachment_metadata” i “sizes” u word Tu negde uvaliti filter…

wp_generate_attachment_metadata | Hook wp_generate_attachment_metadata() | Function wp_get_additional_image_sizes() | Function | WordPress Developer Resources get_intermediate_image_sizes() | Function | WordPress Developer Resources

MOŽDA DA MI SE JEBE ZA SVE ŠTO NIJE WEBP TAKO NEMAM PROBLEM SA FOLDERIMA! A RELOKACIJA RADI… WEBP je u odvojenom folderu stavljen


Codecademy React course:

Most elegant ES8 new JS (async/await): POST diagram: JS_request_lessons_diagrams_updates_v2_2_withbackground GET request: JS_request_lessons_diagrams_updates_v2_1_withbackground New JS (fetch): POST request - Asset 6 simple GET - Asset 5](https://s3.amazonaws.com/codecademy-content/courses/intermediate-javascript-requests/diagrams/fetch+GET+diagram.svg) Old JS (XMLHttpRequest): JS_Diagram_XHR_update_1_background JS_Diagram_XHR_update_2_background

const xhr = new XMLHttpRequest()
const url = 'https://api-to-call.com/endpoint'

xhr.responseType = 'json'
xhr.onreadystatechange = () => {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    return xhr.response
  }
}

xhr.open('GET', url)
xhr.send()

JSONPlaceholder - Fake online REST API for developers My JSON Server - Fake online REST server for teams

Rebrandly URL Shortener API | Codecademy

Po meni, najjednostavnije objašnjenje OAuth procedure: OAuth flow a ovo je malo više alii dalje ok: Authentication and OAuth | Codecademy

CORS: korektno objašnjenje: Cross-origin resource sharing - Wikipedia Može biti potrebno: cors-anywhere.herokuapp.com/ 10 Free to Use CORS Proxies | Nordic APIs |

Deployovali smo na: Surge pod imenom https://jamming_cvladan.surge.sh/

Client Id: UL45VODINZVQIVBLZ2VUDMQK03US04EZQMMZKYU4FAAL0BOJ Client Secret: 3UG2X3BPWMYXG5DVXNFRIKNJMGPRC3GPWOL0DI3WPZ3042IO

openweathermap: d7216605c99709bee237859d06a9a588

YELP: Client ID: L83lml5Yu8V0xlioDz6d4A API Key: 7GPTDCiIeuGK1OtbEgGRh4HxJPli3X9rX4OOne2YwbszEWLFV27k3OXlNEbiXyKJbUFw8vY_wJ9Sykc0sYwQUpz1Gq9-mqK9yNjqREBiJEcSMBMQG3aW1CEpZdAeX3Yx

You can see Super! in profile: https://www.codecademy.com/profiles/react-ts


Example of color names:

https://codyhouse.co/ds/globals/colors

HSL color space

–color-primary –color-accent (similar to my as secondary)


date 02. Oct 2020 | modified 29. Dec 2023
filename: 2020-10-02 Tempo 10-2020
Article Content