Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: npm start Runs the app in the development mode.\ Open http://localhost:3000 to view it in your browser. The page will reload when you make changes.\ You may also see any lint errors…
Category: JS
If you use cookies in your website, Cookie Conset Window is must. Read for more details Cookie Consent window with Vanilla JS //localStorage.removeItem("cookiesAccepted"); // this line is for testing only. always comment after testing // Check if the user has already accepted cookies if (!localStorage.getItem('cookiesAccepted')) { //alert("cookiesAccepted is " + localStorage.getItem('cookiesAccepted')); // Display the cookie…
In this session we will learn Router Link & Nav Link Higher Order Components(HOC) Programatic Redirects Axios (Nodejs utility for AJAX) Route Parameters Switch Tag to link only exact match Importing Images Redux Intro Integrating with Jquery Installations Required For Create React App and React basic stuff npx create-react-app my-app For extra utilities in this…
Intro: Basics : components, events, templates, props and forms Router : routes, route paramenter, redirects Redux : stores,actions & reducers Samples Git https://github.com/iamshaunjp/react-redux-complete-playlist CDN Links https://reactjs.org/docs/cdn-links.html VS Code extensions that could be handy ES7 React/Redux/GraphQL/React Native Snippets by dsznajder Sublime babel by josh peng Browser extensions React Developer tools by facebook firefox , Chrome It…
About React.js is a JavaScript library for building user interfaces. It was created by Facebook and is now maintained by a large community of developers. React allows developers to build reusable UI components and manage the state of those components efficiently. With React, you can build complex and dynamic web applications with a high level…
reference for tags Video Reference Source code Sample Code Install Node JS must be installed first. Download Node JS Global Install npm install -g jsdoc Local Install npm install –save-dev jsdoc Basic Intro Using VSCode Before a function. Just start with /** and press enter. Vscode will create a comment block skelton. eg: /** *…
‘fetch’ is a feature added since ES6 GET fetch('http://example.com/movies.json') .then(response => response.json()) .then(data => console.log(data)); POST Old Version var url = 'YOUR URL HERE' var xhr = new XMLHttpRequest() const form = document.getElementById("form-id"); var formData = new FormData(form);// it could be new FormData() also xhr.open('POST', url, true); xhr.addEventListener('readystatechange', function(e) { if (xhr.readyState == 4 &&…
TinyMCE Editor https://www.tiny.cloud/blog/ Latest versions(4+) ask for "Your Tiny API Key" Demo with version 3.4 Your API Key is a unique token that links your TinyMCE instances to your account. It grants you access to the Premium Features that you are subscribed to. To get Key word Register or Login Simplest Usage <!DOCTYPE html> <html>…
html-docx-js Demo with TinyMCE v3.5 This is a very small library that is capable of converting HTML documents to DOCX format thatis used by Microsoft Word 2007 and onward. It manages to perform the conversion in the browser byusing a feature called ‘altchunks’. In a nutshell, it allows embedding content in a different markuplanguage. We…
At times you may want to add code in blogspot(http://www.blogger.com). It can be done with the following steps PS:There are many other similar services. Google "Syntax highlighting in Blogspot" to get an entire list Steps Visit code highlighter : http://ajblk.github.io/SyntaxHighlightGenerator-v3.0/OnlineGenerator.html Paste the code, select "language" & "code" Click "Get Formatted HTML" Preview Code Add External…