Kendo UI (edit)

Kendo UI for jQuery

Samples: autocomplete (gitee.io)

Demo: Editing custom editor in jQuery Grid Widget Demo | Kendo UI for jQuery (telerik.com)

React JS

Awesome React: enaqx/awesome-react: A collection of awesome things regarding React ecosystem (github.com)

Apps using ReactJS: 10 Famous Apps Using ReactJS Nowadays | Brainhub

React - ReactJS (edit)

site: www.telerik.com/kendo-react-ui/

site: www.telerik.com/blogs/

site: www.telerik.com/forums

Ref: https://www.telerik.com/kendo-react-ui/react-hooks-guide/

Ref: https://docs.telerik.com/reporting/telerik-reporting-rest-host-http-service-using-web-hosting

Ref: https://www.telerik.com/blogs/the-facts-on-using-kendo-ui-with-asp-net-webapi (HAY HAY HAY HAY HAY)

Ref: https://github.com/telerik/kendo-examples-asp-net/tree/master/grid-wcf-crud (WCF + CRUD)

Ref: https://github.com/rally25rs/KendoWcfSample

Ref: https://www.telerik.com/forums/file-upload-full-example-with-server-side-code (.NET Core)

Ref: https://www.telerik.com/kendo-react-ui/components/upload/ (Upload Files)

Ref: https://www.telerik.com/kendo-react-ui/components/notification/ (Notification)

Ref: https://www.telerik.com/support/code-library/binding-to-a-web-apicontroller-6cdc432b8326 (Web API CRUD)

HTML5 ASP.NET MVC ReportViewer

Kendo React Report Viewer

https://docs.telerik.com/reporting/knowledge-base/how-to-use-html5-viewer-in-react-js (HAY HAY HAY HAY HAY)

https://docs.telerik.com/reporting/html5-report-viewer-system-requirements

https://docs.telerik.com/reporting/programmatic-exporting-report (System.IO.Stream)

https://docs.telerik.com/reporting/use-reports-in-applications

https://docs.telerik.com/reporting/html5-report-viewer

https://www.telerik.com/campaigns/reporting/wp-ebook-expert-.net-reporting-tools

Render HTML as React element - A ReactJS component which renders HTML content site:github.com

https://github.com/hatashiro/react-render-html

https://www.npmjs.com/package/html-to-react

https://www.npmjs.com/package/react-html-parser

https://flaviocopes.com/how-to-render-html-react/

Kendo Reporting

https://feedback.telerik.com/reporting/

https://docs.telerik.com/reporting/overview

https://www.telerik.com/blogs/kendo-ui-datasource-enlightenment

1. Using local data instead of a RESTful JSON API:

https://github.com/kendo-labs/datasource-restful-api-CRUD-demo/blob/master/local-data-CRUD-demo.html

2. Using local data that is saved locally using the DataSource offline mode:

https://github.com/kendo-labs/datasource-restful-api-CRUD-demo/blob/master/local-data-CRUD-offline-demo.html

3. Replacing the HTML table with a Grid widget that uses the DataSource instance:

https://github.com/kendo-labs/datasource-restful-api-CRUD-demo/blob/master/grid-widget.html

Fake Online REST API

Free to use fake online REST API for testing and prototyping

http://jsonplaceholder.typicode.com/

Kendo Examples ASP.NET

https://github.com/telerik/kendo-examples-asp-net/

A collection of Telerik UI for ASP.NET MVC examples

https://github.com/telerik/ui-for-aspnet-mvc-examples/

Kendo Overview

https://github.com/simonssspirit/kendo-react-overview/

Error handling of Ajax call

https://www.telerik.com/forums/displaying-errors-from-web-api-calls

https://www.telerik.com/forums/error-handling-for-the-failed-files

Grid

https://www.telerik.com/kendo-react-ui/components/grid/data-operations/local-operations/#toc-binding-to-remote-data-services

ReactJS.org

https://reactjs.org/

https://reactjs.org/docs/getting-started.html

https://reactjs.org/docs/hello-world.html

https://reactjs.org/docs/faq-ajax.html (HAY HAY HAY)

https://reactjs.org/tutorial/tutorial.html

https://reactjs.org/community/courses.html

W3Schools

https://www.w3schools.com/react/default.asp

TutorialsPoint.com

https://www.tutorialspoint.com/reactjs/

Guru99.com

https://career.guru99.com/reactjs-interview-questions/

https://career.guru99.com/pdf/reactjs-interview-questions.pdf

C-Sharp Corner

https://www.c-sharpcorner.com/technologies/react

DZone.com

https://dzone.com/articles/everything-react-tutorials-for-beginners-and-exper

https://dzone.com/articles/how-to-learn-react-js-the-react-roadmap-for-modern

https://dzone.com/articles/how-to-learn-reactjs-part-2-the-react-road-map-for

React Samples

https://github.com/cornflourblue/react-redux-jwt-authentication-example

https://github.com/cornflourblue/react-redux-registration-login-example

https://dzone.com/articles/create-user-registration-and-login-using-web-api-a

https://www.c-sharpcorner.com/article/create-user-login-and-registration-using-web-api-and-react-hooks/

https://www.c-sharpcorner.com/blogs/how-to-create-asp-net-web-api-with-token-based-authentication

https://stackoverflow.com/questions/62653907/reactjs-net-framework-4-7-2-how-to-use-authorizeattribute-in-webapi

https://rapidapi.com/blog/react-api-authentication-authorization/

https://github.com/jdretz/rapidapi-react-authorization

https://geekrodion.com/blog/asp-react-blog/authentication/

https://www.digitalocean.com/community/tutorials/how-to-add-login-authentication-to-react-applications

Tic Tac Toe

https://viblo.asia/p/nhap-mon-react-voi-tictactoe-phan-1-OeVKBgNyZkW

https://viblo.asia/p/nhap-mon-react-voi-tictactoe-phan-2-Do754N34ZM6

https://blog.alexdevero.com/how-to-build-simple-tic-tac-toe-game-with-react/

https://dev.to/lucvankerkvoort/react-tic-tac-toe-tutorial-26l3

Udemy

https://www.udemy.com/course/react-the-complete-guide-incl-redux/

Vòng đời của một Component

https://viblo.asia/p/vong-doi-cua-mot-component-trong-reactjs-3Q75wqMMZWb

1. Initialization
2. Mounting
   • componentWillMount
   • render
   • componentDidMount
3. Updation
   • componentWillReceiveProps
   • shouldComponentUpdate
   • componentWillUpdate
   • render
   • componentDidUpdate
4. Unmounting
   • componentWillUnmount

https://viblo.asia/p/vong-doi-cua-component-trong-react-gGJ59XaJlX2

https://viblo.asia/p/vong-doi-cua-mot-react-component-RQqKLMRzZ7z

Optimizing React Performance with Stateless Functional Components

https://viblo.asia/p/optimizing-react-performance-with-stateless-functional-components-aWj532wpl6m

https://www.sitepoint.com/optimizing-react-performance-stateless-components/

CSS Selectors

https://viblo.asia/p/30-css-selectors-can-nho-p1-0bDM6ko6G2X4

https://viblo.asia/p/30-css-selectors-can-nho-p2-aKYMNjelM83E

https://viblo.asia/p/tim-hieu-ve-mot-so-phuong-thuc-dac-biet-trong-css-selector-ByEZk7kEZQ0

https://viblo.asia/p/6-cach-hide-elements-trong-css-gVQelQQDkZJ

https://viblo.asia/p/mot-so-style-css-don-gian-ma-huu-dung-RQqKLxvzK7z

ES6

https://viblo.asia/p/mot-so-meo-vat-hay-ho-cua-es6-co-the-ban-chua-biet-phan-1-yMnKMvNzZ7P

https://viblo.asia/p/mot-so-meo-vat-hay-ho-cua-es6-co-the-ban-chua-biet-phan-2-maGK7JPA5j2

https://viblo.asia/p/mot-so-meo-vat-hay-ho-cua-es6-co-the-ban-chua-biet-phan-3-m68Z0a0dlkG

ES6 (new)

https://viblo.asia/p/nhung-tinh-nang-moi-noi-bat-cua-es6-phan-1-JQVkVzrokyd

https://viblo.asia/p/mot-so-thu-thuat-javascript-voi-es6-bJzKmkRrl9N

ES5

https://viblo.asia/p/18-ki-thuat-rut-gon-code-javascript-cua-ban-Qbq5QqRL5D8

https://viblo.asia/p/mot-so-ham-javascript-huu-ich-ve-array-va-object-bWrZnggOlxw

https://viblo.asia/p/8-phut-danh-cho-vai-skills-javascripts-ORNZq9arZ0n

https://viblo.asia/p/javascript-su-khac-nhau-giua-null-va-undefined-Qbq5QrPzKD8

CRUD

https://dzone.com/articles/crud-operations-using-reactjs-and-aspnet-web-api

https://dzone.com/articles/create-user-registration-and-login-using-web-api-a

https://dzone.com/articles/consuming-rest-api-with-reactjs

https://dzone.com/articles/add-user-authentication-to-your-react-app

Kendo React

https://www.telerik.com/blogs/up-and-running-with-react-form-validation

https://www.telerik.com/blogs/how-to-build-forms-with-react-the-easy-way

https://www.telerik.com/kendo-react-ui/components/form/

https://www.telerik.com/kendo-react-ui/components/form/guidelines-with-examples/

ReactJS Form Validation

https://reactjs.org/docs/forms.html

https://jasonwatmore.com/post/2020/10/04/react-form-validation-example-with-react-hook-form (HAY HAY HAY)

https://goshakkk.name/wizard-form-collect-info/ (HAY HAY HAY)

https://kipalog.com/posts/ReactJS---Form-validation-voi-mot-hoac-nhieu-inputs

https://www.educative.io/edpresso/react-form-validation

https://stackoverflow.com/questions/54032554/simplest-way-to-validate-forms-in-react

https://stackoverflow.com/questions/41936524/validation-of-form-input-fields-in-react

https://dmitripavlutin.com/react-forms-tutorial/

LINQ in JavaScript

Underscore: https://underscorejs.org/

Lodash: https://lodash.com/

Ramda: https://ramdajs.com/

Lodash cung cấp rất nhiều chức năng, chia làm vài nhóm như: Array, Collection, Date, Function, Lang, Math, Number, Object, Seq, String, Util, Properties ...

Roadmap

https://javarevisited.blogspot.com/2018/10/the-2018-react-developer-roadmap.html

https://javarevisited.blogspot.com/2016/04/3-ways-to-solve-jquery-uncaught-reference-error-is-not-defined.html

IdentityServer4 + React + .NET Core + EF Core + MySQL (edit)

https://github.com/tungphuong/Dapper.SimpleCRUD

https://github.com/vietnam-devs/crmcore

https://github.com/vietnam-devs/coolstore-microservices

https://medium.com/hackernoon/clean-domain-driven-design-in-10-minutes-6037a59c8b7b