Create a React app without webpack and Create-react-app

webpack javascript react js 5 years, 9 months ago
//Basic way <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react-dom.js"></script> <title>Basic way</title> </head> <body> <div class="" id="app"> <script type="text/javascript"> ReactDOM.render( React.createElement('h1',null,'hello world'),document.getElementById('app') ) </script> </div> </body> </html> //With jsx format <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react-dom.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.2/browser.min.js"> </script> <title>JSX syntax</title> </head> <body> <div class="" id="app"> <script type="text/babel"> ReactDOM.render( <h1>hello</h1>,document.getElementById('app') ) </script> </div> </body> </html>
1975
Posted By
Work with inline styles in React js
//plugin to any test js file and proceed
//This is the best standard to work with
const style = {background:'cyan', color:
javascript react js css
harika
Work with 3rd party css libraries in react fr
import React from 'react'
//No need to give the complete path, rea
//If not exists searches globally
javascript react js
harika
work with react without node installation in
//Basic way
<!DOCTYPE html>
<html>
javascript react js html
harika
Difference between state and stateless compon
//State Component
<!DOCTYPE html>
<html>
javascript react js
harika
JQuery toggle functionality in react
import React from 'react'
export default class ToggleComponent ext
  constructor(props){
javascript react js
harika
display state inside any html tag
import React from 'react'
export default class StateProps extends 

javascript react js
harika
Import any class irrespective of default expo
import React, { Component } from 'react'
javascript react js
harika
Run Java script code Synchronously inside a f
async function showAvatar() {

  // read our JSON
javascript
harika
Run shell files in javascript
//JS Code
function runShellScript(){
    const process = require('child_proce
javascript shell node js
harika
XHR Request & Ajax Request
//Fill
javascript
harika
Pass Data/Properties from child to parent in
//Parent.js
import React from "react";
import Child from './Child'
javascript react js
harika
delete a folder in javascript
// Delete the files recursively.
//fs is a built in node module.
const fs = require('fs');
javascript node js
harika
Write string or json objects directly to a fi
const fs = require('fs');
//fs is a built in module in node js
const filePath = '/Desktop/Test.json';
javascript node js
harika
Check whether the file node is a directory or
//fs is a built in node module
const fs = require('fs');
const filePath = "/home/Desktop"
javascript node js
harika
How to read all video AdGroups using Adwords
function getAllVideoAdGroups() {
  var adGroupIterator = AdWordsApp.video
  Logger.log('Total adGroups found : ' +
javascript adwords-script
kishore_kumar
Set Component state from other component / ou
/*App.js*/
import React, { Component } from 'react'

javascript react js
harika
Compress files synchronously in javascript
const tar = require('tar');
  tar.c(
    {
node js javascript react js
harika
Extract files synchronously in javascript
const tar = require('tar');
  tar.x(
    {
node js javascript react js
harika
How to loop each element in a list using Jque
var my_list = [19, 32, 12, 34, 22];

$.each(my_list, function(index, value){
jquery javascript
kishore_kumar
How to loop through each value in javascript
var my_obj = {
    "one": "value1",
    "two": "value2",
jquery javascript
kishore_kumar