powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Пример react MVC приложение?
18 сообщений из 18, страница 1 из 1
Пример react MVC приложение?
    #39222843
manking
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Кто нибудь может скинуть или дать ссылку на небольшое, но архитектурно правильное MVC приложение на react? Чтобы там контроллер был, модель, вьюшки и.т.д. Чтобы посмотреть, как это выглядит и как с этим работать.
...
Рейтинг: 0 / 0
Пример react MVC приложение?
    #39222861
Фотография FishHook
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
manking,

Реакт - это не МВС, это не Модель-представление-контроллер, это только представление.
Нельзя сделать MVC приложение на реакт.
...
Рейтинг: 0 / 0
Пример react MVC приложение?
    #39222871
manking
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
FishHook,
Спасибо.

1) А вместе с ним, можно что то использовать чтобы вышло MVC?
2) В react встроен шаблонизатор?
3) Какой фреймворк по архитектуре близок к ext js, но компактный, быстрый? То есть в ext js, мне нравится работать с контроллерами, классами, моделями, сторами, вьюшками с tpl шаблонизатором. А виджеты(встроенные таблицы, панели, окна) почти не использую. Но Ext такой тормозной, весит больше мегабайта. Вот ищу аналогичные средства MVC, но быстрые, компактные. Может быть связка react + что то или есть аналогичные фреймворки?
...
Рейтинг: 0 / 0
Пример react MVC приложение?
    #39222994
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
manking,

Angular MVC
?
...
Рейтинг: 0 / 0
Пример react MVC приложение?
    #39223297
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mankingFishHook,
Спасибо.

1) А вместе с ним, можно что то использовать чтобы вышло MVC?
Вместе с React используют архитектуру Flux . То есть сознательно избегают MVC.
...
Рейтинг: 0 / 0
Пример react MVC приложение?
    #39223298
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mankingмне нравится работать с контроллерами, классами, моделями, сторами, вьюшками с tpl шаблонизатором
А в React + Flux экшены, диспатчеры, сторы, вьюшки, классы, компоненты, jsx.. Почитайте, попробуйте, глядишь тоже понравится :)
...
Рейтинг: 0 / 0
Пример react MVC приложение?
    #39223346
manking
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
skyANA,

Flux интересен, но не сейчас.
Сейчас только MVC рассматриваю.
Ради интереса, решил сварганить небольшой фреймворчик.
И выбрал так
backbone.js - это будет модель и роутер,
react.js - это наверное вьюшка,
а контроллер сам напишу.
Архитектура кода ооп, похожая на Ext js(задаются классы, defineClass() createClass()).


В общем какие вопросы,
где лучше всего реализована view с шаблонизатором? В backbone или react?
Чтобы было независимым, быстрым, работа велась бы с виртуальным dom, а не напрямую вешались события. Чтобы выборка элементов dom или виртуального dom была быстрой.
...
Рейтинг: 0 / 0
Пример react MVC приложение?
    #39223375
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mankingгде лучше всего реализована view с шаблонизатором? В backbone или react?
Это надо с коллегами в первую очередь обсуждать, а не на форуме.

Возьмите и попробуйте за неделю написать что-то у себя в проекте на React, и поймёте.
...
Рейтинг: 0 / 0
Пример react MVC приложение?
    #39223390
manking
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
skyANAmankingгде лучше всего реализована view с шаблонизатором? В backbone или react?
Это надо с коллегами в первую очередь обсуждать, а не на форуме.
Возьмите и попробуйте за неделю написать что-то у себя в проекте на React, и поймёте.
Ну можно и так конечно, но лучше везде поспрашивать я считаю. Меня интересует именно замена ext js, чтобы все его плюшки остались.

Вот допустим наиболее близкий шаблонизатор с обновлением вьюшки при обновлении данных

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
// Создаем элемент, шаблонизатор компилирует код по переданным данным
// и затем его можно быстро обновить.
var peoples = createEl({ tpl: '
<div for="."> // цикл внутри шаблонизатора
   <div>имя: {{name}}</div>
   <div>возраст через 10 лет:{{getAge(age)}}</div> // вызываем функцию внутри шаблонизатора
</div>' , 
getAge: function(age){ 
return age+10;
}} ,   
[
{name: 'олег' , age: '33'},
{name: 'вася' , age: '55'}
]);

// обновляем данные и вьюшка сама перерисовывается
peoples.updateData( [{name: 'Денис' , age: '22'},{name: 'Петр' , age: '17'}]);




Вот такая механика где нибудь есть в небольших компактных и быстрых фреймворках? Или чтобы эту механику можно было быстро и удобно создать, обернув функциями. Их ведь дофига разных все не перепробуешь, может кто знает какой лучше выбрать. Я тут пробую разные, какие то jquery тягают с собой, другие underscore.js, всё это не подходит.
...
Рейтинг: 0 / 0
Пример react MVC приложение?
    #39223494
Фотография FishHook
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
manking,

А в сторону ангуляра смотрел?
Подозреваю, что он понравится тебе больше.
...
Рейтинг: 0 / 0
Пример react MVC приложение?
    #39223694
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mankingskyANAпропущено...

Это надо с коллегами в первую очередь обсуждать, а не на форуме.
Возьмите и попробуйте за неделю написать что-то у себя в проекте на React, и поймёте.
Ну можно и так конечно, но лучше везде поспрашивать я считаю. Меня интересует именно замена ext js, чтобы все его плюшки остались.

Вот допустим наиболее близкий шаблонизатор с обновлением вьюшки при обновлении данных

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
// Создаем элемент, шаблонизатор компилирует код по переданным данным
// и затем его можно быстро обновить.
var peoples = createEl({ tpl: '
<div for="."> // цикл внутри шаблонизатора
   <div>имя: {{name}}</div>
   <div>возраст через 10 лет:{{getAge(age)}}</div> // вызываем функцию внутри шаблонизатора
</div>' , 
getAge: function(age){ 
return age+10;
}} ,   
[
{name: 'олег' , age: '33'},
{name: 'вася' , age: '55'}
]);

// обновляем данные и вьюшка сама перерисовывается
peoples.updateData( [{name: 'Денис' , age: '22'},{name: 'Петр' , age: '17'}]);




Вот такая механика где нибудь есть в небольших компактных и быстрых фреймворках? Или чтобы эту механику можно было быстро и удобно создать, обернув функциями. Их ведь дофига разных все не перепробуешь, может кто знает какой лучше выбрать. Я тут пробую разные, какие то jquery тягают с собой, другие underscore.js, всё это не подходит.
"Вот такая механика" есть в React + Flux и в React + Redux..
Вам стоит потратить день, два или даже три на исследования и написание кода, нужного в Вашем проекте, и всё станет ясно.
...
Рейтинг: 0 / 0
Пример react MVC приложение?
    #39223705
manking
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Не ангуляр не то.

skyANA,

Ок, в сторону реакта смотреть буду.

Ну а вот такой вопрос, допустим если просто взять какой нибудь шаблонизатор, компилировать его по модели, и получив готовый html код затем делать просто так:
getElementById(id).innerHTML = myHtmlCode.
И соответственно при обновлении данных, повторять процедуру, компилить шаблон и снова присваивать его к dom.

Это будет быстро или так неправильно делать?
...
Рейтинг: 0 / 0
Пример react MVC приложение?
    #39223714
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mankingесли просто взять какой нибудь шаблонизатор
что вас так тянет на шаблонизацию? Технологию прошлого тысячилетия?
...
Рейтинг: 0 / 0
Пример react MVC приложение?
    #39223783
manking
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Petro123mankingесли просто взять какой нибудь шаблонизатор
что вас так тянет на шаблонизацию? Технологию прошлого тысячилетия?
А что современное? Двойное связывание на angular или еще что то есть? Ну вы скажите, что почитать, а я посмотрю.
...
Рейтинг: 0 / 0
Пример react MVC приложение?
    #39223796
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
manking,
У каждого фреймворка (современного) - свои подходы (технологии).
Т.е. идти от фреймворка.
Выше skyANA дал Flux, есть ещё ангуляр, ExtJS.
Пока достаточно.
Просто, шаблонизация слишком узко IMHO
...
Рейтинг: 0 / 0
Пример react MVC приложение?
    #39223954
Фотография ЕвгенийВ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
...
Рейтинг: 0 / 0
Пример react MVC приложение?
    #39223957
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mankingНе ангуляр не то.

skyANA,

Ок, в сторону реакта смотреть буду.

Ну а вот такой вопрос, допустим если просто взять какой нибудь шаблонизатор, компилировать его по модели, и получив готовый html код затем делать просто так:
getElementById(id).innerHTML = myHtmlCode.
И соответственно при обновлении данных, повторять процедуру, компилить шаблон и снова присваивать его к dom.

Это будет быстро или так неправильно делать?
Зависит от того, как Вы напишете сей велосипед :)
...
Рейтинг: 0 / 0
Пример react MVC приложение?
    #39224410
Фотография Zenia
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
А мне, после ExtJs, этот проектик прогляделся: http://w2ui.com/web/home
Щас налобал уже кучу логики, а занимает только 2mb
...
Рейтинг: 0 / 0
18 сообщений из 18, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Пример react MVC приложение?
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]