wp-react-kit
A simple starter kit to work in WordPress with WordPress Rest API, WP-script, React, React Router, Eslint, WP blocks, Interactivity API, WP-Data, WP-Data Store, Typescript, React Components, i18n, CRUD, PHP OOP plugin architecture easily in a minute.
파일 탐색기
최종 버전 다운로드 (.zip)- phpcs.yml
- phpunit.yml
- FUNDING.yml
- wp-react-kit-logo-full.png
- wp-react-kit-logo.png
- version-replace.js
- zip.js
- 01-block-editor-jobs.png
- 02-block-editor-jobs-patterns.png
- 03-block-frontend-jobs.png
- 04-admin-dashboard.png
- 05-1-admin-jobs-list-filter.png
- 05-admin-jobs-list.png
- 06-admin-jobs-create.png
- 07-1-admin-jobs-companies-drawer.png
- 07-admin-jobs-companies.png
- 08-admin-jobs-categories.png
- 09-admin-settings-forms.png
- Job-Place-v1.postman_collection.json
- BaseModel.php
- DBMigrator.php
- DBSeeder.php
- RESTController.php
- Menu.php
- Manager.php
- BlockTemplatesService.php
- EditorData.php
- JobsQuery.php
- Manager.php
- PatternRegistry.php
- TemplateItemAttributes.php
- Keys.php
- Settings.php
- CompanyMigration.php
- JobCategoryMigration.php
- JobsMigration.php
- JobTypeMigration.php
- company-domains.json
- popular-brands.json
- top-companies.json
- TopCompaniesData.php
- CompanySeeder.php
- JobCategorySeeder.php
- JobsSeeder.php
- JobTypeSeeder.php
- Manager.php
- Company.php
- CompanyManager.php
- Job.php
- JobCategory.php
- JobCategoryManager.php
- JobStatus.php
- JobType.php
- Manager.php
- Api.php
- CompaniesController.php
- JobCategoriesController.php
- JobsController.php
- JobTypesController.php
- SettingsController.php
- JobDetailRouter.php
- PermalinkService.php
- PermalinksSettings.php
- Installer.php
- PageSeeder.php
- Upgrader.php
- InputSanitizer.php
- Queryable.php
- Hooks.php
- PageService.php
- blocks-interactivity.php
- jobplace.pot
- block.json
- edit.tsx
- editor.scss
- index.ts
- save.tsx
- style.scss
- block.json
- edit.js
- index.js
- style.scss
- view.php
- block.json
- edit.js
- index.js
- style.scss
- view.php
- block.json
- edit.js
- index.js
- style.scss
- view.php
- block.json
- edit.js
- index.js
- style.scss
- view.php
- block.json
- edit.js
- index.js
- style.scss
- view.php
- block.json
- edit.js
- index.js
- style.scss
- view.php
- block.json
- edit.js
- index.js
- style.scss
- view.php
- block.json
- edit.js
- index.js
- style.scss
- view.php
- block.json
- controller.php
- edit.js
- index.js
- save.js
- style.scss
- template.js
- view.php
- block.json
- edit.js
- index.js
- style.scss
- view.php
- block.json
- edit.js
- index.js
- style.scss
- view.php
- block.json
- edit.js
- index.js
- style.scss
- view.php
- block.json
- edit.js
- index.js
- style.scss
- view.php
- block.json
- edit.js
- index.js
- style.scss
- view.php
- block.json
- edit.js
- index.js
- style.scss
- view.php
- block.json
- controller.php
- edit.js
- index.js
- save.js
- style.scss
- template.js
- view.php
- block.json
- edit.js
- index.js
- style.scss
- view.php
- block.json
- edit.js
- index.js
- style.scss
- view.php
- block.json
- edit.js
- index.js
- style.scss
- view.php
- block.json
- edit.js
- index.js
- save.js
- style.scss
- template.js
- view.php
- pattern-selection-modal.js
- pattern-utils.js
- patterns-toolbar.js
- preview-jobs.js
- template-item-styles.js
- side-drawer.scss
- SideDrawer.tsx
- company-actions.tsx
- company-fields.tsx
- CompanyDrawer.tsx
- dashboard.scss
- Dashboard.tsx
- category-actions.tsx
- category-fields.tsx
- CategoryDrawer.tsx
- BlockEditorField.tsx
- CompanyAvatar.tsx
- CompanyField.tsx
- DateField.tsx
- job-actions.tsx
- job-fields.tsx
- job-form.scss
- JobForm.tsx
- JobSubmit.tsx
- notices.scss
- Notices.tsx
- TemplateListEdit.js
- actions.ts
- controls.ts
- default-state.ts
- endpoint.ts
- index.ts
- reducer.ts
- resolvers.ts
- selectors.ts
- types.ts
- actions.ts
- controls.ts
- default-state.ts
- endpoint.ts
- index.ts
- reducer.ts
- resolvers.ts
- selectors.ts
- types.ts
- actions.ts
- controls.ts
- default-state.ts
- endpoint.ts
- index.ts
- reducer.ts
- resolvers.ts
- selectors.ts
- types.ts
- utils.ts
- store.ts
- use-window-width.tsx
- useConfirmReload.tsx
- useMenuFix.tsx
- useOutsideClick.tsx
- companies.ts
- index.ts
- job-categories.ts
- jobs.ts
- select2.ts
- settings.ts
- CompaniesPage.tsx
- JobCategoriesPage.tsx
- CreateJob.tsx
- EditJob.tsx
- jobs-page.scss
- JobsPage.tsx
- settings-page.scss
- SettingsPage.tsx
- HomePage.tsx
- index.ts
- index.js
- board-url.js
- index.js
- index.js
- main.scss
- jobs-board.scss
- DateHelper.ts
- global-data.ts
- http.ts
- job-list-filters.ts
- MenuFix.ts
- NumberFormat.ts
- Select2Helper.ts
- StringHelper.ts
- text-parser.ts
- App.tsx
- index.tsx
- markup.php
- single-job.php
- job-detail-compact.php
- job-detail-default.php
- job-detail-split.php
- jobs-board-compact.php
- jobs-board-default.php
- jobs-board-featured.php
- jobs-board-grid.php
- single-job.html
- app.php
- gutenberg-test-plugin-disables-the-css-animations.php
- admin-pages.js
- endpoints.js
- dashboard.spec.ts
- jobs-page.spec.ts
- header.spec.ts
- env.spec.ts
- example.test.ts
- global-setup.ts
- CompanyRestApiTest.php
- JobRestApiTest.php
- RunnerTest.php
- JobManagerTest.php
- bootstrap.php
- wp-config.php
- testing-library.js
- .babelrc.js
- .eslintignore
- .eslintrc
- .gitignore
- .php_cs
- .wp-env.json
- AGENTS.md
- changelog.txt
- CLAUDE.md
- composer.json
- composer.lock
- jest-unit.config.js
- job-place.php
- LICENSE.txt
- package-lock.json
- package.json
- phpcs.xml
- phpunit.xml.dist
- playwright.config.ts
- postcss.config.js
- README.md
- Rest-API-Docs.MD
- tsconfig.json
- webpack.config.js
# 설치 가이드
1. 코드 내려받기
git clone https://github.com/ManiruzzamanAkash/wp-react-kit
깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.
cd wp-react-kit
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
2. Node.js
쉬움 추천사전 준비물
npm i
이 명령어를 터미널에 그대로 입력해 실행하세요.
npm start
개발/실행 서버를 켭니다.
npm run start:hot
개발/실행 서버를 켭니다.
npm run build
배포용으로 코드를 최적화해서 빌드 파일을 생성합니다.
npm run makepot
이 명령어를 터미널에 그대로 입력해 실행하세요.
명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
3. PHP (Composer)
쉬움사전 준비물
composer install
composer.json에 명시된 PHP 라이브러리를 설치합니다.
composer run test
이 명령어를 터미널에 그대로 입력해 실행하세요.
composer run test:all
이 명령어를 터미널에 그대로 입력해 실행하세요.
composer run phpcs
이 명령어를 터미널에 그대로 입력해 실행하세요.
composer run phpcbf
이 명령어를 터미널에 그대로 입력해 실행하세요.
php -S localhost:8000 같은 내장 서버로 실행한 뒤 브라우저에서 http://localhost:8000 으로 접속해보세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
// repository documentation
Was this content helpful?
(0 ratings)