{"id":27209611,"url":"https://github.com/zyxxie-creator/react-webpack-pet","last_synced_at":"2025-04-10T00:57:37.477Z","repository":{"id":248483813,"uuid":"828812523","full_name":"Zyxxie-creator/react-webpack-pet","owner":"Zyxxie-creator","description":"This pet project is an introduction to Webpack for React, including React Router, React Fast Refresh, Babel, production configuration, and more.","archived":false,"fork":false,"pushed_at":"2024-07-29T11:26:22.000Z","size":204,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-10T00:57:30.726Z","etag":null,"topics":["babel","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/Zyxxie-creator.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,"publiccode":null,"codemeta":null}},"created_at":"2024-07-15T07:19:03.000Z","updated_at":"2024-10-09T13:30:04.000Z","dependencies_parsed_at":null,"dependency_job_id":"856a0585-f3c9-4647-be48-1ec0c3beedf5","html_url":"https://github.com/Zyxxie-creator/react-webpack-pet","commit_stats":null,"previous_names":["zyxxie-creator/react-webpack-pet"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Zyxxie-creator%2Freact-webpack-pet","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Zyxxie-creator%2Freact-webpack-pet/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Zyxxie-creator%2Freact-webpack-pet/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Zyxxie-creator%2Freact-webpack-pet/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Zyxxie-creator","download_url":"https://codeload.github.com/Zyxxie-creator/react-webpack-pet/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248137964,"owners_count":21053775,"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","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":["babel","react","webpack"],"created_at":"2025-04-10T00:57:36.951Z","updated_at":"2025-04-10T00:57:37.466Z","avatar_url":"https://github.com/Zyxxie-creator.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Pet React Webpack Starter Kit\n\n## English\n\nThis pet project is an introduction to Webpack for React, including React Router, React Fast Refresh, Babel, production configuration, and more.\n\nHere's the full list of features used in the project:\n\n- `react` - You probably know what React is).\n- `react-dom` - Provides DOM-specific methods for the browser.\n- `prop-types` - Runtime type checking for React.\n- `react-router-dom` - Provides routing capabilities for React in the browser.\n- `semantic-ui-react` - CSS Framework.\n- `@babel/core` - Core dependencies for the Babel package.\n- `babel-loader` - This package allows transpiling JavaScript files using Babel and webpack.\n- `@babel/preset-env` - You don't need to specify if you're writing ES2015, ES2016, or ES2017. Babel will automatically detect and transpile accordingly.\n- `@babel/preset-react` - Tells Babel that we'll be using React.\n- `@babel/plugin-proposal-class-properties` - Use class properties.\n- `@babel/plugin-syntax-dynamic-import` - For using dynamic imports.\n- `css-loader` - Interprets `@import` and `url()` like `import/require()` and will resolve them.\n- `html-webpack-plugin` - Can generate an HTML file for your application, or you can provide a template.\n- `style-loader` - Adds CSS to the DOM by injecting a `\u003cstyle\u003e` tag.\n- `webpack` - Module bundler.\n- `webpack-nano` - Webpack's command-line interface.\n- `webpack-plugin-serve` - Provides a development server for your application.\n\n## Русский\n\nВ этом pet проекте я ознакомился с основами Webpack для React, включая React Router, React Fast Refresh, Babel, конфигурацию для production и многое другое.\n\nВот полный список функций, которые использовались в проекте:\n\n- `react` - Вы, вероятно, знаете, что такое React).\n- `react-dom` - Предоставляет методы, специфичные для DOM, для браузера.\n- `prop-types` - Проверка типов во время выполнения для пакета React.\n- `react-router-dom` - Предоставляет возможности маршрутизации для React для браузера.\n- `semantic-ui-react` - CSS Framework.\n- `@babel/core` - Основные зависимости для пакета Babel.\n- `babel-loader` - Этот пакет позволяет транспилировать файлы JavaScript с помощью Babel и webpack.\n- `@babel/preset-env` - Здесь вам не нужно указывать, будете ли вы писать ES2015, ES2016 или ES2017. Babel автоматически обнаружит и транспилирует соответственно.\n- `@babel/preset-react` - Сообщает Babel, что мы будем использовать React.\n- `@babel/plugin-proposal-class-properties` - Использовать свойства класса. \n- `@babel/plugin-syntax-dynamic-import` - Для использования динамического импорта.\n- `css-loader` - Интерпретирует `@import` и `url()` как `import/require()` и разрешает их.\n- `html-webpack-plugin` - Может сгенерировать HTML-файл для вашего приложения, или вы можете предоставить шаблон.\n- `style-loader` - Добавляет CSS в DOM путем внедрения тега `\u003cstyle\u003e`.\n- `webpack` - Сборщик модулей.\n- `webpack-nano` - Интерфейс командной строки Webpack.\n- `webpack-plugin-serve` - Предоставляет сервер разработки для вашего приложения.\n\n## Contacts\n#### **Github**\n- [@Zyxxie-creator](https://github.com/Zyxxie-creator)\n##### **Telegram**\n-  [@Zyxxie](https://t.me/Zyxxie)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzyxxie-creator%2Freact-webpack-pet","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzyxxie-creator%2Freact-webpack-pet","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzyxxie-creator%2Freact-webpack-pet/lists"}