https://github.com/zyxxie-creator/react-webpack-pet
This pet project is an introduction to Webpack for React, including React Router, React Fast Refresh, Babel, production configuration, and more.
https://github.com/zyxxie-creator/react-webpack-pet
babel react webpack
Last synced: 2 months ago
JSON representation
This pet project is an introduction to Webpack for React, including React Router, React Fast Refresh, Babel, production configuration, and more.
- Host: GitHub
- URL: https://github.com/zyxxie-creator/react-webpack-pet
- Owner: Zyxxie-creator
- Created: 2024-07-15T07:19:03.000Z (11 months ago)
- Default Branch: master
- Last Pushed: 2024-07-29T11:26:22.000Z (11 months ago)
- Last Synced: 2025-04-10T00:57:30.726Z (2 months ago)
- Topics: babel, react, webpack
- Language: JavaScript
- Homepage:
- Size: 199 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pet React Webpack Starter Kit
## English
This pet project is an introduction to Webpack for React, including React Router, React Fast Refresh, Babel, production configuration, and more.
Here's the full list of features used in the project:
- `react` - You probably know what React is).
- `react-dom` - Provides DOM-specific methods for the browser.
- `prop-types` - Runtime type checking for React.
- `react-router-dom` - Provides routing capabilities for React in the browser.
- `semantic-ui-react` - CSS Framework.
- `@babel/core` - Core dependencies for the Babel package.
- `babel-loader` - This package allows transpiling JavaScript files using Babel and webpack.
- `@babel/preset-env` - You don't need to specify if you're writing ES2015, ES2016, or ES2017. Babel will automatically detect and transpile accordingly.
- `@babel/preset-react` - Tells Babel that we'll be using React.
- `@babel/plugin-proposal-class-properties` - Use class properties.
- `@babel/plugin-syntax-dynamic-import` - For using dynamic imports.
- `css-loader` - Interprets `@import` and `url()` like `import/require()` and will resolve them.
- `html-webpack-plugin` - Can generate an HTML file for your application, or you can provide a template.
- `style-loader` - Adds CSS to the DOM by injecting a `` tag.
- `webpack` - Module bundler.
- `webpack-nano` - Webpack's command-line interface.
- `webpack-plugin-serve` - Provides a development server for your application.
## Русский
В этом pet проекте я ознакомился с основами Webpack для React, включая React Router, React Fast Refresh, Babel, конфигурацию для production и многое другое.
Вот полный список функций, которые использовались в проекте:
- `react` - Вы, вероятно, знаете, что такое React).
- `react-dom` - Предоставляет методы, специфичные для DOM, для браузера.
- `prop-types` - Проверка типов во время выполнения для пакета React.
- `react-router-dom` - Предоставляет возможности маршрутизации для React для браузера.
- `semantic-ui-react` - CSS Framework.
- `@babel/core` - Основные зависимости для пакета Babel.
- `babel-loader` - Этот пакет позволяет транспилировать файлы JavaScript с помощью Babel и webpack.
- `@babel/preset-env` - Здесь вам не нужно указывать, будете ли вы писать ES2015, ES2016 или ES2017. Babel автоматически обнаружит и транспилирует соответственно.
- `@babel/preset-react` - Сообщает Babel, что мы будем использовать React.
- `@babel/plugin-proposal-class-properties` - Использовать свойства класса.
- `@babel/plugin-syntax-dynamic-import` - Для использования динамического импорта.
- `css-loader` - Интерпретирует `@import` и `url()` как `import/require()` и разрешает их.
- `html-webpack-plugin` - Может сгенерировать HTML-файл для вашего приложения, или вы можете предоставить шаблон.
- `style-loader` - Добавляет CSS в DOM путем внедрения тега `<style>`.
- `webpack` - Сборщик модулей.
- `webpack-nano` - Интерфейс командной строки Webpack.
- `webpack-plugin-serve` - Предоставляет сервер разработки для вашего приложения.
## Contacts
#### **Github**
- [@Zyxxie-creator](https://github.com/Zyxxie-creator)
##### **Telegram**
- [@Zyxxie](https://t.me/Zyxxie)