Visual Studio Code Reactide Atom Brackets Notepad++ Vim Emacs Spacemacs Sublime Webstorm 1. Visual Studio Code Visual Studio Code was made by Microsoft, is a free and open-source code editor. It is one of the most preferred and used editors for react as it serves countless features. It is lightly weighted having large plugins integrated …
What is reactJS props? “props” is a special keyword in React, which stands for “properties” and is being used for passing data from one component to another. But the important part here is that data with props are being passed in a uni-directional flow, means it can’t modify by child component. Props data is available …
In this tutorial, we will learn how to use forms in React. In HTML, Form elements such as input, textarea, and select typically maintain their own state and update it based on user input. In React, mutable state is typically kept in the state property of components, and only updated with setState(). input tag In …
To get started with React Router in a web app, you’ll need a React web app. If you need to create one, we recommend you try https://www.npmjs.com/package/react-router-dom with either npm or yarn. Since we’re building a web app, we’ll use react-router-dom in this guide. What is React Router? Components are the heart of React\’s powerful, …
Introduction React is a declarative, efficient, and flexible JavaScript library for building user interfaces. React makes it painless to create interactive UIs. React is a Component based App. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM. React …
ReactJS Introduction, File Structure, CSS Implementation Read More »
amp-img amp-img is use as replacment of HTML img tag. amp-img tag effectively manage image resource at runtime. It uses lazy load to reduce page load time. To use amp-img need to specify width and height, src attriburtes. It also support three optional attributes srcset, alt, attribution. src – audio file url. autoplay – It …
AMP (Accelerated Mobile Pages) is a Google open source project to speed up page load in mobile devices. AMP consist of three main parts <!doctype html> <html amp lang=\”en\”> <head> <meta charset=\”utf-8\”> <script async src=\”https://cdn.ampproject.org/v0.js\”></script> <title>Hello, AMPs</title> <link rel=\”canonical\” href=\”http://example.ampproject.org/article-metadata.html\” /> <meta name=\”viewport\” content=\”width=device-width,minimum-scale=1,initial-scale=1\”> <script type=\”application/ld+json\”> { \”@context\”: \”http://schema.org\”, \”@type\”: \”NewsArticle\”, \”headline\”: \”Open-source framework for …
Laravel framework 5.1 and above versions support php7. Laravel 5.x has modified its application structure to make it more easy, robust and developer friendly. You can not directly upgrade Laravel 4.x to 5.1 or above versions. First you need to upgrade 4.x to 5.0 and then only you can upgrade Laravel to 5.1 or above …
There are more than 40 PHP frameworks available. The popular frameworks are Cakephp, Zend, Symfony, Codeigniter, Yii etc. In recent times Laravel got very popular among web developers. Currently, Laravel is one of the top PHP frameworks for modern web development. Laravel did major changes in its Application structure from 4.x to 5.x. Application Structure …
Introduction to laravel 5.x application structure Read More »
Other than manual user registration, do you wish to give your website users to auto login through facebook twitter? It is very useful because users do not need to remember login details, they can directly login/signup using Facebook Twitter. Login with Facebook PHP SDK You can download Facebook php SDK scripts here – https://github.com/facebook/facebook-php-sdk …
