Программы/библиотеки для быстрого наброса веб страниц.

Ты потихоньку приближаешься к пониманию, что просто так приложение не сделаешь даже на Электроне.

figma

Вы про то, что нужно ещё кучу всего изучить?

Но там же так нельзя.

Есть уйма плагинов с разной ценой, некоторые могут выплёвывать наполовину годный html с реактом.

Вроде того.

Есть, конечно. Называются текстовыми процессорами/редакторами.

React.

import { useState } from "react";
import { useForm } from "react-hook-form";
import Header from "./Header";

export function App() {
  const { register, handleSubmit } = useForm();
  const [data, setData] = useState("");

  return (
    <form onSubmit={handleSubmit((data) => setData(JSON.stringify(data)))}>
      <Header />
      <input {...register("firstName")} placeholder="First name" />
      <select {...register("category")}>
        <option value="">Select...</option>
        <option value="A">Option A</option>
        <option value="B">Option B</option>
      </select>
      <textarea {...register("aboutYou")} placeholder="About you" />
      <p>{data}</p>
      <input type="submit" />
    </form>
  );
};

Выглядит сложно

Если это выглядит сложно, я думаю тебе уже ничто не поможет.

И что же мне делать? Мне нужно вызывать дурку?

Достаточно перестать думать что сделать что-то можно ничего не делая.

А если я не хочу юзать react?

Сделай интерфейс одной картинкой, нарисовать можно в гимпе =) Картинка поверх сетки, а куда мышка нажалась узнаёшь из положения сетки, на сетке в ячейках пометки ячейка/ки принадлежит кнопке или нет хехехе. Вот вы смеяться все будете, а я так первое графическое приложение для себя написал, оно состояло только из кнопок и рожицы в серединке на SDL2)))) Жаль потерялась.

Зачем верстать быстро? Ты куда-то опаздываешь?

Хз, может быть бы и юзал бы qt. Но из-за частично закрытой лицензии..

Ну я c/c++ не знаю.

Заплатить программисту

Только я хочу научиться делать gui

Ну так учись

Я знаю что есть всякие react. Но что то не хочу это даже трогать из-за того, что это разрабавтывает facebook

А как научиться?

Этому в школе учат, потерпи немного.

Ахахахха, в какой школе этому учат? Покажи мне эту школу

Я конечно знаю что html тоже самое дает, ну ок, а как ты сделаешь чекбокс или inputbox там?

Тебе проще будет выучить Си и использовать SDL2 + Nuklear. Чем нырять в клоаку веба.

а как ты сделаешь чекбокс или inputbox там?

Просто. Без всего только Си + SDL2 для вывода на экран и получения ввода. У тебя есть окно для рисования. Допустим для простоты его размер статичный 800 на 600. Так же для простоты возьмём чекбокс.

Представим его в виде двух картинок, активно/неактивно. Загрузим эти картинки в память. На нашем окне выберем место где чекбокс будет находится. Это например верхний правый угол. Для простоты обозначим что размер чекбокса тоже статичный например 50 на 50 пикселей. Средствами SDL2 рисуем картинку чекбокса в том месте где хотим. Заводим переменную хранящую состояние, в зависимости от состояние передаём SDL2 нужную картинку из двух. Теперь средствами SDL2 получаем координату курсора мышки и события нажатия.

Наш чекбокс будет иметь переменные

struct vec2
{
  int x;
  int y;
}

bool checkbox_status = false;

struct vec2 top_left; //положение нашего чекбокса по икс/игрек
размер окна по икс минус ширина чекбокса и высота окна от нуля + размер чекбокса по игреку.
struct vec2 bottom_right; // размер нашего чекбокса как положение + размер

При событии нажатия мышки мы проверяем её координата больше top_left.x и top_left.y и меньше bottom_right.x и bottom_right.y значит мышка была нажата в области где находится наш чекбокс. Меняем статус checkbox_status и по изменению этого статуса меняем картинку которая отрисовывается плюс другую логику привязанную к состоянию статуса чекбокса, что-то включаем и выключаем.

Проверяем наличие мышки в области чекбокса, а так же статус её нажатия, а так же состояние checkbox_status каждый раз, всегда и постоянно. На выходе у тебя чекбокс который чекбоксится(меняется картинка), реагирует на мышку и что-то делается при смене его статуса.

Это я хоть и примитивно описал всё, но этого уже достаточно для первых наколенных поделок. Где ты всё делаешь сам, а не магией. Оно даст понимание как это всё в целом работает, конечно часто всё работает совсем не так, но это не важно. В случае GTK+ или Nuklear я просто использую API и пишу почти дословно, "тут кнопка нарисуй с текстом «лол кек» " и всё.

Только нужно теперь как то выучить C XD.

Ну не используй.

Садись и учи. Можешь скачать примеры Nuklear, скомпилировать, посмотреть, потом открыть 1 файл исходника что-то поменять и снова посмотреть что получилось. Да, тупо тыкать палочкой наугад, ничего в этом такого нету.

Потом начать уже играть с языком прочесть и выполнить примеры из книги K&R. Спрашивать советы тут на лоре по поводу непонятного. Написать например консольную программу которая будет задавать вопросы и нужно правильно отвечать. Ну и так далее. В любом случае придётся учить и экспериментировать хоть с вебом, хоть с сишкой, хоть с чем.

Можешь попробовать pytnon выучить, он говно ибо я неосилил, но миллионы людей его любят, гуй на нём пишется очень легко ибо есть привязки к qt/gtk/иное и запускаться он будет везде (ну почти)

Короче ничего навязывать не буду.

Можешь ещё попробовать lua выучить базово язык очень простой и использовать love2d твоё приложение тогда можно будет хоть на телефоне хоть на ПК запускать. Можешь Godot осилить, в нём тоже можно делать кроссплатформенный гуй и полноценные приложения, но там тоже свой язык.

Короче возможностей у тебя тонна, но чего чего, а веб на ПК в качестве приложений это днище донное, за исключением может некоторым, а так дно.

А когда тебе понадобится поддержка grid/flex, или разные лэйауты для разных брейкпоинтов (дисплеи 10 разных размеров с разной ориентацией), или там ситуация когда текст в одну строку не вмещается и его нужно выровнять так или иначе? Тоже за пару дней сверстаешь, или только через год вывалишь закостыленное нечитаемое месиво из хаков для всех этих случаев? Вот, к сожалению, по этой причине веб и победил. Он предоставляет готовые решения для всех этих кейсов.

Python я знаю. Но он кажется очень детским из-за синтаксиса без фигурных скобок. Но вообще вы едиственный человек, который дал хороший ответ, с пояснением. А что за книга K&R? Какой автор?

Не говоря уже о переходах и анимациях.

А что за книга K&R?

Загугли, это библия сишников =)

Читаю это, и понимаю что меня подбешивает одна вещь, а именно stdio.h

И «просто загружаешь картинку» - это же мусорное решение, которое будет выглядеть убого на HiDPI, или даже если ты просто захочешь изменить размер чекбокса. Для этих целей уже давно используется векторная графика.

А тут уже соглашусь с вами

Зачем? Для этих целей есть библиотеки графических интерфейсов. Я описал примитив в лоб.

Хоспади боже мой. Любой вектор для отрисовки перегоняется в растр в любом случае. Повторяю ЭТО ТУПОЙ ПРИМЕР ТУПОГО ПРИМЕРА НА ОСНОВЕ ЮМОРНОГО ВОСПОМИНАНИЯ О МОИХ ТУПЫХ ПЕРВЫХ ПОПЫТКАХ ПАГРАМИРОВАТЬ чё ты какой сурьёзный. Яж там в самом начале сказал про это. Ёпсиль =)

А чё, нуклеар «топчик», нужно кучу зависимостей ставить, теперь ещё и glfw качать, места на диске не хватит

glfw

ненужно, он может вообще на чистом Xorg рисовать. Метод отрисовки определяет зависимости, там выбор большой чем рисовать в итоге. Достаточно выбрать SDL2 бекенд как зависимость и всё.

А как без этого скомпилить пример из example?

Ты под виндой чтоль?

Нет, под арчем

Там должен быть каталог demo вроде, и внутри ещё много каталогов с разными бекендами. Nuklear сам ничего не рисует он использует один из множества вариантов бекендов для рисования, там и выбери сдл иксы и ещё чёнить

вот эти примеры собирай, выбирай любой https://github.com/vurtun/nuklear/tree/master/demo

А я то качал от сюда: https://github.com/Immediate-Mode-UI/Nuklear

Ааа, понял, там тоже самое есть, просто я то думал нужен examples

Оригинальный нуклеар да заморожен, есть несколько активных форков. Да любой бери. Всё я чайку попить пошёл, играйся =)

Есть одна проблема, код выглядит очень страшным. Слишком много всего в начале. Хотя главные там всего 5 строк…. Почему так всё сложно? Из всего кода за передачу комманды отображения окна отвечают 5 строк, код на 200 строк.