export default function App() { 
  const [username, setUsername] = useState("JohnDoe");   const [followers, setFollowers] = useState(1000); 
   const handleClear = () => { 
    setFollowers(0);     setUsername(""); 
  }  
  useEffect(() => {     console.log("Компонент был отрендерен!"); 
  });  
  return ( /* JSX код */ ); 
}

const handleClick = () => {
  flushSync(() => {    setClicked(!clicked);
  // react will create a re-render here  });
    setCount(count + 1);
  // react will create a re-render here};

fun  Collection.filter(predicate: (T) -> Boolean): Collection = //…
val numbers = listOf(1, 2, 3, 4, 5)
val evenNumbers = numbers.filter { it % 2 == 0 }

// Код на Java
List<Integer> numbers = Arrays.asList(1, 2, 3, 4, 5);
List<Integer> evenNumbers = CollectionsKt.filter(numbers, new Function1() {
    @Override
    public Boolean invoke(Integer it) {
        return it % 2 == 0;
    }
});

inline fun <reified T> printType() {
    println(T::class.simpleName)
}

fun main() {
    printType<Int>() // Вывод: Int
    printType<String>() // Вывод: String
}

fun main() {
    val producerA: Producer<A> = ProducerImplA()
    val producerB: Producer<B> = producerA
}
interface Producer<out T> {
    fun produce(): T
}
class A : B()
open class B

fun main() {
    val consumerB: Consumer<B> = ConsumerImplB()
    val consumerA: Consumer<A> = consumerB
}
interface Consumer<in T> {
    fun consume(item: T)
}
open class B
class A : B()

type ReturnType<T> = T extends (...args: any[]) => infer R ? R : never;

function add(a: number, b: number): number {
return a + b;
}

type Result = ReturnType<typeof add>; // Result будет иметь тип number

type actually = "123123123"

type Reverse<T extends string, R extends string = ""> = T extends `${infer Head}${infer Rest}`
  ? Reverse<`${Rest}`, `${Head}${R}`>
  : R;

type result = Reverse<actually>; // "321321321"

Реализация типа Replace:
type actually = "912342181";
type Replace<T extends string, U extends string, R extends string = ""> = T extends ${infer Head}${infer Rest}
  ? Head extends U ? Replace<`${Rest}`, U, R> : Replace<`${Rest}`, U, `${R}${Head}`>
  : R;
  
type result = Replace<actually, "1">; // "923428"

.container {
  margin-inline-start: 20px; /* Логический внутренний отступ слева (или справа) */
  margin-block-end: 30px; /* Логический внутренний отступ вниз (в зависимости от направления текста) */
}

.elent {
  inline-size: 200px; /* Логическая ширина */
  block-size: 100px; /* Логическая высота */
}

.box {
  border-inline: 2px solid #333; /* Логическая граница в горизонтальном направлении */
  border-block: 1px dashed #555; /* Логическая граница в вертикальном направлении */
}

.content {
  padding-inline: 15px; /* Логический внутренний отступ в горизонтальном направлении*/
  padding-block: 10px; /* Логический внутренний отступ в вертикальном направлении */
}

<a href="https://example.com" target="_blank">
 Открыть example.com в новой вкладке
</a>

<a href="https://example.com" target="blank">
 Открыть example.com в именованном фрейме/вкладке "blank"
</a>

let multiDimensionalArray = [1, [2, 3], [4, [5, 6]]];

// Выравниваем на один уровень
let flatArray = multiDimensionalArray.flat();
console.log(flatArray); // Выведет: [1, 2, 3, 4, [5, 6]]

// Выравниваем на два уровня
let flatArrayDeep = multiDimensionalArray.flat(2);
console.log(flatArrayDeep); // Выведет: [1, 2, 3, 4, 5, 6]