React.js и ASP.NET CORE

@JAtisto · Регистрация: 15.06.2016

Студворк — интернет-сервис помощи студентам

Вопрос в следующем!
Где можно найти уроки по ASP.NET Core в связки с React.js

То есть на подобие создания простого переложения, но с использованием этих технологий.
Что куда и так далее!!!

Пол нэта перерыл но нечего не нашёл, на реальных примерах.
Есть куча описания технологий, но не каких примеров по использованию.

@azariah · 06.11.2018, 09:52

Основы тут:
https://metanit.com/sharp/aspnet5/25.1.php
Поглубже вот здесь:
https://reactjs.net/

@JAtisto · 06.11.2018, 10:05 **[ТС]**

azariah, Эти два сайта я уже смотрел! Полезно, но я не то искал! Там только подключение и основные концепции, а хотелось примеры. То есть, создание полноценного простого но проекта!

@yurickas · 06.11.2018, 12:44

Начинаешь с простого, что есть. Постепенно усложняя. На все усложнения гуглишь или разбираешься самостоятельно. Готовых решений мало, но все они есть на git. Там можно по исходникам поучиться

@JAtisto · 06.11.2018, 12:48 **[ТС]**

yurickas, Вот именно! Так сейчас и разбираюсь а, хотелось бы по больше инфы с практикой.

@MakcPletnev · 11.11.2018, 17:36

JAtisto, такого нет, сейчас оч много растет в этом направлении и все только и успевают осваивать новое) Никто в такие глубокие нюансы не делает уроков

@JAtisto · 11.11.2018, 17:43 **[ТС]**

MakcPletnev, Это да! Вот и приходиться постигать самому!!! Но мало ли! может, кто что скинет!!!

@sau · 14.11.2018, 16:33

return (<div className="commentBox">Hello, world! I am a CommentBox.</div> );

- разве отрисовка html из javascript нынче не считается плохой практикой ? , это как минимум тяжело сопровождать , и тяжело верстать что то более сложное в таком сценарии.

@HF · 14.11.2018, 20:03

Сообщение от sau

- разве отрисовка html из javascript нынче не считается плохой практикой ? , это как минимум тяжело сопровождать , и тяжело верстать что то более сложное в таком сценарии.

А вы бесстрашный. Посягнулись на одно из трендовых и перспективных.

@sau · 14.11.2018, 20:25

Сообщение от HF

А вы бесстрашный. Посягнулись на одно из трендовых и перспективных.

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

@HF · 14.11.2018, 21:05

Сообщение от sau

А своим постом , я как бы хотел предостеречь от необдуманного выбора , не все что на поверхности то хорошо ).

Да это были наверное мысли вслух. Когда начинаешь что-то подвергать сомнению, то нужно рассматривать с разных сторон. В этом случае я бы первым делом "увидел" тот факт, что это уже довольно-таки распространённый фреймворк. Активно используется на равне с Ангуляром и Вуей. А раз он так, то значит такой подход уже не считается плохим... в наше время. Или что-то поменялось в технологиях опять или это как со свободой выбора - кто хочет использует ООП, кто хочет - говнокод, кто-то шаблоны, кто-то лапшу. Главное чтобы работало. ИИххууу... .

Сообщение от sau

Ну или услышать мнение здешних форумчан , чем сие приглянулось.

Если что, то я с Ангуляром работаю. На Реакт никто не заставлял ещё переходить.

Ответить не могу.
Наверное нужно тогда спросить ТСа почему он выбрал именно Реакт. Ведь он сам даже выбирал, его никто не заставлял.

@sau · 14.11.2018, 22:43

Сообщение от HF

Если что, то я с Ангуляром работаю. На Реакт никто не заставлял ещё переходить. Ответить не могу.

Я тоже с ангуляром или вую , а разметка уже давно во всех современных фреймворках отделена от кода , и не только в вебе , но и на десктопе , это просто удобно , особенно если разделять ответственность в проекте. - верстка для верстальщика.

А раз он так, то значит такой подход уже не считается плохим... в наше время

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

Субъективное мнение конечно , но я не знаю по каким причинам еще можно было бы это выбрать.
В общем , тут главное вовремя отговорить. , а там глядишь , криворукие решения сами отомрут.

@azariah · 15.11.2018, 07:17

Сообщение от sau

разве отрисовка html из javascript нынче не считается плохой практикой ?

То есть вот так лучше не делать?

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
class ClassSearch {
    protected  str:object;
    protected output:string;
    constructor(str:string,output:string){
        this.str=JSON.parse(str);
        this.output=output;
    };
    public draw() {
        let out = document.getElementById(this.output);
 
        let raw = document.createElement('tr');
        for (let j in this.str) {
 
            let el = document.createElement("td");
            if (j != 'id'){   
            el.innerText = this.str[j];
            raw.appendChild(el);
            }
            out.appendChild(raw);
 
 
        };
        
    }
}

А как мне тогда таблички рисовать? А то я занимаюсь самообразованием и может что-то не понимаю. Я в экземпляр класса, передаю ответ от моего web api.

@HF · 15.11.2018, 08:56

Сообщение от azariah

То есть вот так лучше не делать?

Не уверен в ответе sau, но выше был другой пример - там полностью html разметка. А у вас хотя бы формирование из входящего json. Есть разница.

Сообщение от azariah

А как мне тогда таблички рисовать?

А что, заполнение таблиц во view уже тоже не актуально? Этот код с чем используется? React? или php+js ?

@azariah · 15.11.2018, 09:38

Сообщение от HF

Этот код с чем используется? React? или php+js ?

Это asp.net core webapi+tsc. Просто везде пишут, что WepApi можно использовать для SPA, поэтому для закрепления WebApi придумал себе задачку, а не PartialView из MVC использую.

@sau · 15.11.2018, 11:14

Сообщение от azariah

То есть вот так лучше не делать?

ну вообще да , это хардкод. Посмотрите на тот же vue. , да и на asp net серверный рендеринг. , Вы же не пишете логику формирования разметки в c# ?
Должно быть так , в html файле описываете шаблон будущей таблицы , а кол-во ее строк формируется привязкой модели данных через html атрибуты.
Но тут речь не о том , мы говорим о render фреймворках под javascript, а Вы вообще никаких фреймворков не используете, так что у Вас и выбора особого нет.

@azariah · 15.11.2018, 11:43

Сообщение от sau

Посмотрите на тот же vue. , да и на asp net серверный рендеринг

Спасибо, обязательно посмотрю. Там сильно глубокие знания js нужны?

Сообщение от sau

Вы же не пишете логику формирования разметки в c# ?

В данном случае нет. Просто вот в рукодстве: https://metanit.com/sharp/aspnet5/23.4.php человек использует jquery, поэтому я решил, что делать через javascript будет более-менее решение

@sau · 15.11.2018, 12:03

Сообщение от azariah

Спасибо, обязательно посмотрю. Там сильно глубокие знания js нужны?

Вообще , ноги растут отсюда:
https://ru.wikipedia.org/wiki/Model-View-ViewModel
а дальше уже тот или иной фреймворк построенный на этом принципе , с тем или иным успехом.
Сейчас два лидирующих фреймворка в spa (и не только) - vue и angular , angular скажем так более навороченный - но его тяжело впихнуть в уже готовое решение не заточенное под spa ,
vue в тоже время внедряется проще но по части сервисов из коробки проигрывает ангуляру.
Ну а реакт , реакт это не про mvvm.
Jquery - это не фреймворк , это функциональная библиотека , есть разница. , и jquery все так же можно применять совместно с angular и vue (более того , они и сами юзают лайт версии jquery)

@yurickas · 20.11.2018, 13:01

По моему скромному мнению, так ангуляр и реакт - два совершенно разных подхода. Это примерно тоже самое как на чистом Core есть выбор между partial view и tag-helper. Причем оба вполне себе применимы, и способны решать одни и те же задачи. Отсюда вывод: у каждого Абрама своя программа, у каждого Додика своя методика.

Как по мне, то лично мне удобнее ангуляр или работать через partial в mvc. Да и чисто технологически боле правильно. Когда у тебя разметка расписана в коде текстовыми полями, а тебе вдруг приспичило перекромсать весь шаблон - то будет секас.

@_Kirill · 02.01.2019, 11:33

https://habr.com/post/350298/

Новые блоги и статьи Все статьи Все блоги /
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Access VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .

@JAtisto 0 / 0 / 0 Регистрация: 15.06.2016 Сообщений: 79

	React.js и ASP.NET CORE 06.11.2018, 08:39. Показов 7851. Ответов 20 Метки asp .net core, js, react.js (Все метки) Вопрос в следующем! Где можно найти уроки по ASP.NET Core в связки с React.js То есть на подобие создания простого переложения, но с использованием этих технологий. Что куда и так далее!!! Пол нэта перерыл но нечего не нашёл, на реальных примерах. Есть куча описания технологий, но не каких примеров по использованию. 0

@azariah 50 / 39 / 17 Регистрация: 15.03.2018 Сообщений: 110
	06.11.2018, 09:52
	Основы тут: https://metanit.com/sharp/aspnet5/25.1.php Поглубже вот здесь: https://reactjs.net/ 0

@JAtisto 0 / 0 / 0 Регистрация: 15.06.2016 Сообщений: 79
	06.11.2018, 10:05 [ТС]
	azariah, Эти два сайта я уже смотрел! Полезно, но я не то искал! Там только подключение и основные концепции, а хотелось примеры. То есть, создание полноценного простого но проекта! 0

@yurickas 163 / 138 / 35 Регистрация: 25.11.2015 Сообщений: 910
	06.11.2018, 12:44
	Начинаешь с простого, что есть. Постепенно усложняя. На все усложнения гуглишь или разбираешься самостоятельно. Готовых решений мало, но все они есть на git. Там можно по исходникам поучиться 0

@JAtisto 0 / 0 / 0 Регистрация: 15.06.2016 Сообщений: 79
	06.11.2018, 12:48 [ТС]
	yurickas, Вот именно! Так сейчас и разбираюсь а, хотелось бы по больше инфы с практикой. 0

@MakcPletnev 41 / 37 / 9 Регистрация: 01.02.2014 Сообщений: 825
	11.11.2018, 17:36
	JAtisto, такого нет, сейчас оч много растет в этом направлении и все только и успевают осваивать новое) Никто в такие глубокие нюансы не делает уроков 0

@JAtisto 0 / 0 / 0 Регистрация: 15.06.2016 Сообщений: 79
	11.11.2018, 17:43 [ТС]
	MakcPletnev, Это да! Вот и приходиться постигать самому!!! Но мало ли! может, кто что скинет!!! 0

@yurickas 163 / 138 / 35 Регистрация: 25.11.2015 Сообщений: 910
	20.11.2018, 13:01
	По моему скромному мнению, так ангуляр и реакт - два совершенно разных подхода. Это примерно тоже самое как на чистом Core есть выбор между `partial view` и `tag-helper`. Причем оба вполне себе применимы, и способны решать одни и те же задачи. Отсюда вывод: у каждого Абрама своя программа, у каждого Додика своя методика. Как по мне, то лично мне удобнее ангуляр или работать через partial в mvc. Да и чисто технологически боле правильно. Когда у тебя разметка расписана в коде текстовыми полями, а тебе вдруг приспичило перекромсать весь шаблон - то будет секас. 0

@_Kirill 5 / 5 / 1 Регистрация: 27.10.2016 Сообщений: 66
	02.01.2019, 11:33
	https://habr.com/post/350298/ 0