All Projects → tripolskypetr → material-ui-umd

tripolskypetr / material-ui-umd

Licence: MIT license
Разработка ui на React используя как систему сборки только TypeScript Compiler. Примеры кода, инструменты, umd дистрибутив библиотеки material-ui с файлом описания пространств имен глобального объекта

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to material-ui-umd

react-declarative
A React form builder which interacts with a JSON endpoint to generate nested 12-column grids with input fields and automatic state management in a declarative style. Endpoint is typed by TypeScript guards (IntelliSense available). This tool is based on material-ui components, so your application will look beautiful on any device...
Stars: ✭ 17 (+21.43%)
Mutual labels:  material-ui, standalone
dashblocks-template
Dashblocks Vue Material Admin Template
Stars: ✭ 143 (+921.43%)
Mutual labels:  material-ui
Ararat
Ararat is the next-generation container/virtual machine control panel. It is your one-stop shop for single application containers, full system containers, and KVM instances
Stars: ✭ 21 (+50%)
Mutual labels:  material-ui
typescript-react-ssr-boilerplate
Boilerplate made from scratch to setup a TypeScript ReactJS application using Server Side Rendering
Stars: ✭ 31 (+121.43%)
Mutual labels:  material-ui
photoeditor
👨🏻‍🎨 ReactJS Photo Editor
Stars: ✭ 26 (+85.71%)
Mutual labels:  material-ui
pokedex
A simple Pokémon catalogue, built with React, Material-UI and PokéAPI.
Stars: ✭ 115 (+721.43%)
Mutual labels:  material-ui
Octave
Music🎵 streaming web-app
Stars: ✭ 28 (+100%)
Mutual labels:  material-ui
MASA.Blazor
Blazor component library based on Material Design. Support Blazor Server and Blazor WebAssembly.
Stars: ✭ 469 (+3250%)
Mutual labels:  material-ui
Bank-Account-Simulation
A Bank Account Simulation with JavaFX and SQLite back-end. Material UX|UI.
Stars: ✭ 19 (+35.71%)
Mutual labels:  material-ui
mui-form-fields
Material UI + Final Form Forms and Components
Stars: ✭ 15 (+7.14%)
Mutual labels:  material-ui
ctxmenu
Tiny and customizable context menu generator
Stars: ✭ 20 (+42.86%)
Mutual labels:  standalone
rtainjapan-layouts
The on-stream layouts for RTA in Japan events
Stars: ✭ 20 (+42.86%)
Mutual labels:  material-ui
clean-architecture-azure-cosmos-db
A starting point to build a web API to work with Azure Cosmos DB using .NET 5 and Azure Cosmos DB .NET SDK V3, based on Clean Architecture and repository design pattern. Partition key is also implemented through the repository pattern.
Stars: ✭ 277 (+1878.57%)
Mutual labels:  material-ui
best-of-react
🏆 A ranked list of awesome React open-source libraries and tools. Updated weekly.
Stars: ✭ 364 (+2500%)
Mutual labels:  material-ui
thefront-preview
A professional React Kit that comes with plenty of ready-to-use Material-UI components that will help you to build faster & beautiful frontend pages.
Stars: ✭ 39 (+178.57%)
Mutual labels:  material-ui
react-material-ui-keyboard
Virtual keyboard for TextField when needed
Stars: ✭ 54 (+285.71%)
Mutual labels:  material-ui
react-typescript-material-ui-with-auth-starter
React + Material UI + Auth starter using TypeScript
Stars: ✭ 27 (+92.86%)
Mutual labels:  material-ui
angular-material-starter-template
🍄 Angular 14 boilerplate that comes with Material-UI, Tailwind3, Purgecss, Jest & Cypress Support, Optimal project structure & Interceptor inspired from popular blogs, source map analyzer tools, husky, all pre-configured and much more...
Stars: ✭ 104 (+642.86%)
Mutual labels:  material-ui
MaterialPreferences
🍉 An Android library that lets you implement MaterialPreferences on Setting UI.
Stars: ✭ 21 (+50%)
Mutual labels:  material-ui
AmazonPrime-ReactJS-Clone
Amazon Prime Clone in ReactJS. I have made a Amazon Prime Clone web version in ReactSJ. All the data is dynamic and even has the facility of Watching Trailers. Play around with the app. Link given in ReadMe
Stars: ✭ 45 (+221.43%)
Mutual labels:  material-ui

material-umd

UMD дистрибутив ui тулкита material-ui, поставляемый вместе с файлом описания типов typescript с пространствами имен глобального объекта. В комплекте свой роутер и генератор форм на основе json шаблона. Вы можете посмотреть демо по ссылке

rkn

Описание, при чем тут Роскомнадзор ниже по тексту

Ссылки

Документация инструмента

Лекции для новичков

FAQ

Брифинг

Начиная с версии 16.8 в React доступен хук useReducer, реализующий паттерн state reducer pattern. Как следствие, библиотека все больше начинает походить на полноценный фреймворк со своей методологией программирования. Отличительной особенностью так и остается миниатюрность: легко интегрировать в другие решения, простейший к пониманию и легкий к отладке код прикладного программиста.

Однако, существующие системы сборки проектов назвать миниатюрными никак нельзя. Вследствие их основанности на конвейере микро-утилит, каждая из которых имеет зависимости на обособленных интернет-ресурсах, велик риск их не разрешения: проект фантомно перестает собираться. Например, такое произошло со студенческими проектами после удаления бинарных дистрибутивов старых версий node-sass.

Для фриланса, мне нужно сочетать простоту и миниатюрность как на этапе исполнения, так и во время сборки. Если я буду тратить все свое время на мониторинг зависимостей, мне некогда будет заниматься разработкой. Однако, мне очень нравится React и я не намерен возвращаться к временам Bootstrap и jQuery.

А при чем тут роскомнадзор?

Оно бы все ничего, но те самые удаленные ресурсы, от которых зависит сборка проекта, размещаются на тех же облачных сервисах, что и зеркала Telegram. В итоге, помимо прекращения поддержки со временем и устаревании ссылок, лично я натыкался на ошибки вида 451, что печально, так как нужно тратить время на поиск vpn.

А есть ли альтернатива?

Есть! Мы можем использовать как сборщик модулей только TypeScript. У него есть специальная синтаксическая конструкция, "namespace", которая транспилируется в замыкание. Компилятор конкатенирует замыкания из разных модулей в один файл, в результате чего получается работоспособная программа. Сам TypeScript Compiler написан на namespaces и не имеет сторонних зависимостей.

open-source-logo

Мне не нравится вектор развития, выбранный TC39 языку JavaScript. На мой взгляд, модули, подгружаемые по ссылке с сервера (как это уже сделано в Deno) делают мой код не моим. У меня возникает ощущение, что программист становится расходником для фреймворков, которыми владеют крупные корпорации. Пожалуйста, если вы расходник, закройте эту страницу.

Где можно посмотреть примеры кода?

В папке packages будут размещаться приложения, написанные с этим инструментарием. Особое внимание следует уделить form-generator-app, в этом проекте я использую генератор форм на основе json-схемы и роутер, разработанный специально для material-ui-umd. В этой же папке можно найти офлайн копию документации...

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].