Oleksandr Zahoruiko sunmeat

🐈

MEOW

I'm an Odesa based educator, lecturer and software engineer.

sunmeat / different files.jsx

Created May 17, 2025 14:04

пример формы со всеми основными элементами

	src / forms / Anketa.jsx:

	import React from 'react';
	// import './css/Anketa.css'; // раскомментировать для стилизации формы

	const Anketa = () => {
	// обработчик отправки формы (заглушка)
	const handleSubmit = (e) => {
	e.preventDefault();
	console.log('Форма отправлена');

sunmeat / FormContainer.jsx

Last active May 17, 2025 13:24

вариант взаимодействия с useContext

	import { useState, createContext, useContext } from 'react';
	import './css/FormContainer.css';

	// создание контекста для формы
	const FormContext = createContext(null);

	// контекст тут нужен для упрощения взаимодействия между родительской формой и её дочерними инпутами
	// вместо передачи данных и функций через props на каждый уровень, createContext и useContext позволяют проще делиться
	// состоянием (formData) и функцией обновления (handleChange) напрямую
	// это будет особенно полезно, когда в форме будет много полей

sunmeat / different files.jsx

Last active May 17, 2025 13:21

interaction between a parent form and child input components react

	src / forms / FormContainer.jsx:

	import {useState} from 'react';
	import './css/FormContainer.css';

	// дочерняя компонента получает данные и функции от родителя через пропсы
	// в идеале, естественно, нужно разместить родителя и дочерние компоненты в отдельных файлах!
	function FormInput({label, type, name, value, onChange}) {
	const handleInputChange = (e) => {
	onChange(e.target.value); // вызов коллбэк-функции для обновления состояния родительской формы

sunmeat / different files.jsx

Created May 17, 2025 12:06

async form react example

	src / forms / AsyncForm.jsx:

	import { useActionState, useEffect } from 'react';
	import './css/AsyncForm.css';

	function AsyncForm() {
	const [state, formAction, isPending] = useActionState(
	async (_prevState, formData) => {
	try {
	const name = formData.get('name');

sunmeat / different files.jsx

Created May 17, 2025 11:18

basic form react example

	src / forms / BasicForm.jsx:

	import { useState } from 'react';

	function BasicForm() {
	const [formData, setFormData] = useState({ name: '' });

	const handleSubmit = (e) => {
	e.preventDefault();
	console.log('Отправлено:', formData);

hmel1990 / ClassExtends.html

Created May 16, 2025 13:35

ClassExtends

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Classes</title>
	</head>
	<body>
	<p>
	Задание 1
	Реализовать класс Button, который содержит ширину, высоту, текст кнопки и метод showBtn(),<br>

hmel1990 / NewsClassDZ.html

Created May 16, 2025 10:45

NewsClassDZ

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Создание класса "Новости"</title>
	</head>
	<body>

	<div id="total"></div>

prodevo / 1

Created May 15, 2025 20:39

	USE Store
	SELECT Category.name, COUNT(Product.id) AS product_count
	FROM Product

	INNER JOIN Category
	ON Product.id_category = Category.id

	INNER JOIN Delivery
	ON Product.id = Delivery.id_product

prodevo / 1

Created May 15, 2025 19:12

	USE Store
	SELECT Product.name AS Product_name, Producer.name AS Producer_name
	FROM Producer

	LEFT JOIN Product
	ON Producer.id = Product.id_producer

fantom44ik / labyrinth.h

Created May 15, 2025 13:23

	#pragma once
	#include <iostream>
	#include <windows.h>
	#include <conio.h>
	using namespace std;

	enum GameObject : short { HALL, WALL, COIN, ENEMY };
	enum Color : short {
	BLACK, DARKBLUE, DARKGREEN, TURQUOISE, DARKRED,
	PURPLE, DARKYELLOW, GREY, DARKGREY, BLUE, GREEN,