Skip to content
No description, website, or topics provided.
Branch: master
Clone or download
Latest commit 4c7c189 Sep 5, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.idea Updated the readme file Sep 5, 2018
assets
bin first commit Jul 28, 2018
config first commit Jul 28, 2018
public first commit Jul 28, 2018
src updated the api Jul 29, 2018
templates updated the api Jul 29, 2018
tests first commit Jul 28, 2018
translations first commit Jul 28, 2018
.env.dist first commit Jul 28, 2018
.gitignore first commit Jul 28, 2018
README.md minor update Sep 5, 2018
composer.json first commit Jul 28, 2018
composer.lock first commit Jul 28, 2018
package.json updated the items component Jul 29, 2018
phpunit.xml.dist first commit Jul 28, 2018
symfony.lock first commit Jul 28, 2018
webpack.config.js updated the items component Jul 29, 2018
yarn.lock updated the items component Jul 29, 2018

README.md

Getting started With React in Symfony Using Webpack Encore

react-symfony

This is a Symfony - React starter built with Symfony and React, then powered by Webpack Encore. See the screenshot of what we will build below:

sym-starter-768x446

Link to tutorial

Here

Getting Started

Clone the repository

$ git clone https://github.com/yemiwebby/symfony-react-starter.git

Change directory

$ cd symfony-react-starter

Use composer to manage and install dependencies

$ composer install

Install the frontend dependencies

Run the command below from the project's root directory in another terminal:

$ yarn install

Do ensure that you have two separate terminals opened on your machine. One of them will be used to start the Symfony app while the other will keep the frontend running.

Start the application

Backend

$ php bin/console server:run

Frontend

 $ yarn run encore dev --watch

Prerequisites

A basic knowledge of React and Object oriented programming with PHP will help you get the best out of this article. Do ensure that you have Node.js and Yarn package manager installed on your system.

Built With

  • Symfony - Is a set of reusable PHP components
  • React - A JavaScript library for building user interfaces.
  • Webpack Encore - Webpack Encore is a simpler way to integrate Webpack into your application.
You can’t perform that action at this time.