Rauf Heshimov DuudeXX8

Нет не гарантирует и не может гарантировать.Браузер "решает" перерисовать dom-дерево ПОСЛЕ того как все манипуляции со стейтом были выполнены или отложены это уже стейт решает как правильно обновить синхронно или асинхронно.Может и так и так.И после всех этих обновлений компонент завершает свою работу и возвращает готовый html (jsx) код.
Все зависет от того что вы делаете в данном жизненном цикле.Если меняете стейт без условий внутри didUpdate то компонент вообше не будет отрисоватсья покажет ошибку что у вас бесконечный цикл.didUpdate вызывается сразу после обновления компонента ( не при первом рендере ) .А если внутри didmount изменить стейт события будет следуишие

Компонент рендерится первый раз. return возврашаеть новый DOM. componentDidMount вызывается и меняет стейт СИНХРОННО. Если меняетсья состояние то и соответсвенно метод render вызывается еще раз и возврашает новый JSX который заменяет старый. А браузер показывает только второй рендер, чтобы избежать мерцания.

React lifecycle cheatsheet

Method	Side effects¹	State updates²	Example uses
Mounting
`componentWillMount`		✓	Constructor equivalent for `createClass`
`render`			Create and return element(s)
`componentDidMount`	✓	✓	DOM manipulations, network requests, etc.
Updating
`componentWillReceiveProps`		✓	Update `state` based on changed `props`

	Статический контент (изображения, JS, CSS) кешировать просто.
	Обновления обрабатываются таймаутами или изменением URL (cache-busting).

	Персонализированный контент (созданный под конкретного пользователя)
	обычно кешировать нельзя, так как ответ сервера уникален для каждого.
	Техники вроде SSI или ESI помогают собрать страницу по частям, но они сложны в реализации.

	Динамический контент — это «золотая середина».
	Он меняется непредсказуемо, но не персонализирован
	(или персонализируется через JavaScript на стороне клиента).

	1️⃣ x % 10 — берём последнюю цифру
	digit = 1234 % 10 // 4

	👉 % 10 всегда даёт остаток от деления на 10
	👉 а это и есть последняя цифра

	Примеры:

	567 % 10 = 7
	89 % 10 = 9

	// Будет показывать в реальном времени использования ресурсов

	docker stats

	// CPU, MEM USAGE, NET, PID

	--------------

	// Показывает список всех image в локальной машине
	docker image ls

	ОтветыJSОN преобразуют передаваемые данные в формат JSON (с помощью метода jsoп_eпcode())
	и присваивают заголовку Сопtепt-Туре значение applicatioп/ json.
	При желании можно создавать ответ не в формате.JSОN, а в форматеJSОNР,
	применяя метод setCallback(), как показано в примере 10.10

	Пример 10.10. Использование типа ответа jsoп()

	puЫic function contacts() {
	return response()->json(Contact::all());
	}

	----------- ROUTESSS ------------


	Route::any("/", function(){
	// Обслуживаем запрос любой команды по этому маршруту
	});

	Route::match(['get','post'], '/', function () {
	// Обслуживаем запросы GET или POST по этому маршруту
	});

	import React, {useState} from "react";
	import Test from "./test";
	import "./styles.css";

	export default function App() {
	const [count,setCount] = useState(0);
	return (
	<div className="App">
	<h2 onClick={_ => setCount(c => c + 1)}>testetsdfdsfsdf</h2>
	<span>{count}</span>

	import React from 'react';
	import { Connected } from "./Connected";

	function App() {

	return (
	<div className="App">
	<Connected />
	</div>
	);


	// THIS PART NEED TO BE USED

	const sourceRequest = $.ajax({
	"async": true,
	"crossDomain": true,
	"url": `${API_BASE}matrices`,
	"method": "get",
	}).done(function ({matrices}) {
	/*