Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Пример react MVC приложение? / 18 сообщений из 18, страница 1 из 1
22.04.2016, 19:39
    #39222843
manking
manking
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Пример react MVC приложение?
Кто нибудь может скинуть или дать ссылку на небольшое, но архитектурно правильное MVC приложение на react? Чтобы там контроллер был, модель, вьюшки и.т.д. Чтобы посмотреть, как это выглядит и как с этим работать.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.04.2016, 19:59
    #39222861
FishHook
FishHook
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Пример react MVC приложение?
manking,

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

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

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

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

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


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

Возьмите и попробуйте за неделю написать что-то у себя в проекте на React, и поймёте.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.04.2016, 16:31
    #39223390
manking
manking
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Пример react MVC приложение?
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
| Ответить | Цитировать | Написать  
25.04.2016, 06:04
    #39223494
FishHook
FishHook
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Пример react MVC приложение?
manking,

А в сторону ангуляра смотрел?
Подозреваю, что он понравится тебе больше.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.04.2016, 11:27
    #39223694
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Пример react MVC приложение?
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
| Ответить | Цитировать | Написать  
25.04.2016, 11:44
    #39223705
manking
manking
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Пример react MVC приложение?
Не ангуляр не то.

skyANA,

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

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

Это будет быстро или так неправильно делать?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.04.2016, 11:55
    #39223714
Petro123
Petro123
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Пример react MVC приложение?
mankingесли просто взять какой нибудь шаблонизатор
что вас так тянет на шаблонизацию? Технологию прошлого тысячилетия?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.04.2016, 12:50
    #39223783
manking
manking
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Пример react MVC приложение?
Petro123mankingесли просто взять какой нибудь шаблонизатор
что вас так тянет на шаблонизацию? Технологию прошлого тысячилетия?
А что современное? Двойное связывание на angular или еще что то есть? Ну вы скажите, что почитать, а я посмотрю.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.04.2016, 13:02
    #39223796
Petro123
Petro123
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Пример react MVC приложение?
manking,
У каждого фреймворка (современного) - свои подходы (технологии).
Т.е. идти от фреймворка.
Выше skyANA дал Flux, есть ещё ангуляр, ExtJS.
Пока достаточно.
Просто, шаблонизация слишком узко IMHO
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.04.2016, 15:35
    #39223954
ЕвгенийВ
ЕвгенийВ
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Пример react MVC приложение?
manking,
https://github.com/Automattic/wp-calypso
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.04.2016, 15:37
    #39223957
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Пример react MVC приложение?
mankingНе ангуляр не то.

skyANA,

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

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

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


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