JavaScript is a high-level, interpreted programming language primarily used for creating interactive and dynamic web content. It is one of the core technologies of the web, along with HTML and CSS, and is supported by all modern web browsers. JavaScript was initially designed to add interactivity to web pages. However, it has evolved to become …
Best JavaScript Frameworks for Front End in 2023 Read More »
In React, context is a powerful feature that allows you to share data between components without passing props explicitly at each level of the component tree.
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 within it. Some of the plugins of VS code enhance the javascript …
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 …
