ReactJS

MySQL
PHP
ReactJS
Web Programming

How to make HTML template dynamic using Reactjs, PHP and MySQL

Steps:1. Before starting this tutorial, you have to complete the previous tutorial that converts any HTML template into reactJS project. How you can make a particular portion of the reactJS project dynamic using reactJS, PHP and MySQL is shown in this tutorial. You have to install xampp server for starting the steps of this tutorial. […]

Read More
ReactJS

How to use component in React

React Component Components are used in react app to maintain the user interface easily. The component is called the main building block of any react app. It can be a function or a class. It is used to take input and generate output for the user interface by returning react elements. Each component of the […]

Read More
ReactJS

How to install Bootstrap in reactjs

How to install Bootstrap in reactjs Bootstrap is a very common requirement for any webpage design and app. You can add bootstrap in the react app by two ways. One by using CDN link and another by using installing bootstrap package for recatjs app. Both ways are shown in this tutorial. Using bootstrap in reactjs […]

Read More
ReactJS

Introduction to React JSX

The full form JSX is JavaScript Extension that is used to generate output like HTML by writing JavaScript code. render() function is used by every component of react that specifies HTML output. JSX file supports HTML like syntax in JavaScript file that is converted by any pre-processor (ex:babel) to parse by JavaScript engine. JSX file […]

Read More
ReactJS
Web Programming

ReactJS Simple Project with MySQL and PHP – Part 3

Steps: 1. Create a folder named react-php in htdocs folder to create PHP files to communicate with mysql database. 2. Create another folder api under react-php. 3. Go to api folder and create .htaccess file with the following code RewriteEngine On #RewriteBase /api/ Header add Access-Control-Allow-Origin “*” Header add Access-Control-Allow-Headers “origin, x-requested-with, content-type” Header add […]

Read More
ReactJS
Web Programming

ReactJS Simple Project with MySQL and PHP – Part 2

Steps: 1. Create Signup.js with the following code under Signup folder. import React, {Component} from ‘react’; import {PostData} from ‘../../services/PostData’; import {Redirect} from ‘react-router-dom’; class Signup extends Component { constructor(props){ super(props); this.state = { username: ”, password: ”, email: ”, name: ”, redirectToReferrer: false }; this.signup = this.signup.bind(this); this.onChange = this.onChange.bind(this); } signup() { if(this.state.username […]

Read More
ReactJS
Web Programming

ReactJS Simple Project with MySQL and PHP – Part 1

A very simple project of ReactJS is shown in this tutorial. Here, the authentication system is developed and feed entries are managed based on login user by using reactJS, mysql and PHP. Steps: 1. Create a database named reactdb and create two tables named feed and users by executing following SQL statements CREATE TABLE feed( feed_id int […]

Read More
ReactJS
Web Programming

ReactJS Installation

ReactJS is a popular JavaScript library that is used to build a single page website. Reusable UI component can be created by using reactjs. It creates a virtual DOM in the memory that makes the application faster.  It changes the changes the content of the browser automatically when any modification is done. It is developed […]

Read More