{"id":14008615,"url":"https://github.com/krambertech/react-essential-course","last_synced_at":"2025-07-24T04:30:56.097Z","repository":{"id":89368899,"uuid":"46661619","full_name":"krambertech/react-essential-course","owner":"krambertech","description":"ITVDN - React Essential course materials","archived":true,"fork":false,"pushed_at":"2018-01-22T14:27:23.000Z","size":5984,"stargazers_count":475,"open_issues_count":8,"forks_count":268,"subscribers_count":70,"default_branch":"master","last_synced_at":"2024-11-30T19:38:32.924Z","etag":null,"topics":["flux-architecture","react","webpack"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/krambertech.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2015-11-22T13:24:18.000Z","updated_at":"2024-11-05T19:57:40.000Z","dependencies_parsed_at":null,"dependency_job_id":"e35e801c-6f30-4383-979d-1e23d52e18b3","html_url":"https://github.com/krambertech/react-essential-course","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/krambertech/react-essential-course","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krambertech%2Freact-essential-course","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krambertech%2Freact-essential-course/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krambertech%2Freact-essential-course/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krambertech%2Freact-essential-course/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/krambertech","download_url":"https://codeload.github.com/krambertech/react-essential-course/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krambertech%2Freact-essential-course/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266792709,"owners_count":23984793,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-24T02:00:09.469Z","response_time":99,"last_error":null,"robots_txt_status":null,"robots_txt_updated_at":null,"robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["flux-architecture","react","webpack"],"created_at":"2024-08-10T11:01:55.800Z","updated_at":"2025-07-24T04:30:55.449Z","avatar_url":"https://github.com/krambertech.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# Курс React Essential\n\nITVDN — Information Technology Video Developer Network\n\n## Содержание\n\n#### [УРОК 1: Введение в React](/01-introduction-to-react)\n#### [УРОК 2: Подробнее о компонентах](/02-deep-in-components)\n#### [УРОК 3: Настройка окружения, подключение внешних библиотек и сборка](/03-environment)\n#### [УРОК 4: ES2015, роутинг, CSS препроцессоры, PropTypes, контекст](/04-routing-and-es6)\n#### [УРОК 5: Работа с внешним API и архитектура Flux](/05-flux)\n#### [УРОК 6: Написание полноценного SPA](/06-real-world)\n\n## Материалы\n\n1. У React очень хорошая [документация](http://facebook.github.io/react/docs/getting-started.html)\n2. Советую почитать о [ES6](https://github.com/lukehoban/es6features#readme)\n3. Ну, и никто не отменял [Google](https://www.google.com.ua/)\n\n## FAQ\n\n### Где писать код?\n\nВы можете выбрать любой текстовый редактор или IDE на ваш вкус. \n\n**Atom ♥️**\n\nЯ сейчас использую [Atom](https://atom.io/), он бесплатный и классный :) \n\nВот мои любимые плагины для Atom:\n\n - [atom-alignment](https://atom.io/packages/atom-alignment)\n - [autocomplete-modules](https://atom.io/packages/autocomplete-modules)\n - [file-icons](https://atom.io/packages/file-icons)\n - [highlight-selected](https://atom.io/packages/highlight-selected)\n - [language-babel](https://atom.io/packages/language-babel)\n - [linter](https://atom.io/packages/linter)\n - [linter-eslint](https://atom.io/packages/linter-eslint)\n - [merge-conflicts](https://atom.io/packages/merge-conflicts)\n - [react](https://atom.io/packages/react)\n - [pigments](https://atom.io/packages/pigments) и [minimap-pigments](https://atom.io/packages/minimap-pigments)\n - [minimap](https://atom.io/packages/minimap)\n\nЕще полезные плагины можно посмотреть [тут](https://github.com/krambertech/react-essential-course/issues/15)\n\n**Sublime Text 2**\n\nЕсли вы используете Sublime, скачать его можно [тут](http://www.sublimetext.com/3), есть версия для Windows, OS X и Ubuntu.\n\nСписок полезных плагинов для Sublime:\n\n - ```PackageControl``` — менеджер плагинов [как установить](https://packagecontrol.io/installation)\n - ```Emmet``` — [набор сниппетов](https://packagecontrol.io/packages/Emmet)\n - ```SideBarEnhancements``` — значительно улучшает боковую панель (New File, New Folder, Duplicate, Copy, Move и тд)\n - ```SublimeCodeIntel``` — [крутой автокомлит](http://sublimecodeintel.github.io/SublimeCodeIntel/)\n - ```Alignment``` — выстраивает все курсоры в одну линию по нажатию Ctrl+Alt+A\n - ```Super Calculator``` — позволяет делать математические вычисления по ALT+C\n - ```GitGutter``` — показывает измененные строки с момента последнего коммита\n - ```AutoFileName``` — автозаполнение путей к подключаемым файлам\n - ```ColorHighlighter``` — [подсветка цвета в CSS/LESS](https://github.com/Monnoroch/ColorHighlighter)\n - ```Jquery Snippet Pack``` — набор сниппетов для jQuery\n - ```babel``` — Подсветка для ES6, подсветка JSX\n - ```babel-snippets``` — сниппеты для React\n\n**Еще**\n\nТакже можно использовать [WebStorm](https://www.jetbrains.com/webstorm/), [Nuclide](http://nuclide.io/), [Visual Studio](https://www.visualstudio.com/) или другие.\n\n### Как писать код?\n\nОчень советую ознакомиться с [Javascript style guide](https://github.com/airbnb/javascript).\n\n### Есть вопросы?\n\n[Пишите сюда](https://github.com/krambertech/react-essential-course/issues/new)\n\n### Нашли ошибку или опечатку?\n\nИсправляйте и создавайте pull-request :)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkrambertech%2Freact-essential-course","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkrambertech%2Freact-essential-course","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkrambertech%2Freact-essential-course/lists"}