Uncaught Error: To use plugins requiring `addCSS` (e.g. keyframes, media queries), please wrap your application in the StyleRoot component. Component name: in react JS

Uncaught Error: To use plugins requiring `addCSS` (e.g. keyframes, media queries), please wrap your application in the StyleRoot component. Component name:

This error come when you have not added Style root Component and you are using media queries or keyframes , animation.

const yog = (props) => {
    const style = {
        '@media(min-width: 500px)':{
                width:'450px'
        }
    }
........

Then import the style root Component from radium.

import Radium, { StyleRoot } from 'radium';
....

put whole app component in styleroot

render() {

return (
 <StyleRoot>
 

 

 
 </StyleRoot>

inheritance controls what happens when no value is specified for a property

When no value for an inherited property has been specified on an element, the element gets the computed value of that property on its parent element

CSS made right-to-left http://rtlcss.com via @rtlcss

RTLCSS

Framework for converting Left-To-Right (LTR) Cascading Style Sheets(CSS) to Right-To-Left (RTL

 

http://rtlcss.com

what is function object?

function() { ... } syntax returns a function object

What are dependencies and devDependencies in package.json?

The dependencies are essential to running the application. The devDependencies are only necessary to develop the application. You can exclude them from production installations by adding --production to the install command, as follows:

npm install my-application --production

Angular does internally compile directive

Below is the corresponding code using the $compile service. This should help give you an idea of what Angular does internally.

var $compile = ...; // injected into your code
var scope = ...;
var parent = ...; // DOM element where the compiled template can be appended

var html = '
';

// Step 1: parse HTML into DOM element
var template = angular.element(html);

// Step 2: compile the template
var linkFn = $compile(template);

// Step 3: link the compiled template with the scope.
var element = linkFn(scope);

// Step 4: Append to DOM (optional)
parent.appendChild(element);

What does map() function in js?

The map() method creates a new array with the results of calling a function for every array element.

The map() method calls the provided function once for each element in an array, in order.

Note: map() does not execute the function for array elements without values.

Note: map() does not change the original array.

How to learn gruntjs

 

कैसे सीखे  जावास्क्रिप्ट ग्रन्ट ज स ?

Learned Grunt js

Grunt Mainly for Task automation…….

Grunt: The JavaScript Task Runner

gruntjs.com

Step -1.First Install grunt command globally for operations once for all projects by going to Command Prompt

npm install -g grunt-cli

g means globally no seprate for projects

 

Step-2 then goto any project to creat config file package.json

npm init

Step-3 then in package.json delete scripts license

 

Step-3 Install grunt for specific project

npm install grunt –save-dev

 

The file for package.json below

Step-4 Install grunt plugins for specific task

 

npm install grunt-contrib-…….. plugin name

npm install grunt-contrib-uglify –save-dev   |ex:

npm install grunt-contrib-concat –save-dev

 

Step-5 Creat Gruntfile.js for specific project

 

now add Gruntfile.js

 

file for giving special instructions

module.exports = function(grunt){

grunt.registerTask(“default”, “”, function(){

grunt.log.write(“This grunt task is practise only”);

});

});

 

 

we will provide the final file combine/merge

 

 

module.exports = function(grunt){

 

grunt.initConfig({

//Basic settings and info about my plugins

pkg: grunt.file.readJSON(“package.json”),

//name of plugin wihout the grunt-contrib

cssmin:{

combine: {

files: {

‘css/main.css’:[‘css/reset.css’, ‘css/style.css’]

}

}

},

 

//uglify

uglify:{

dist: {

files: {

‘js/index.min.js’:[‘js/index.js’]

}

}

}

});

// Load the plugin

grunt.loadNpmTasks(‘grunt-contrib-cssmin’);

grunt.loadNpmTasks(‘grunt-contrib-uglify’);

//Do the task

grunt.registerTask(‘default’, [‘cssmin’, ‘uglify’]);

};

 

 

 

2^nd format

Cssmin

npm install -g grunt-cli

module.export = function(grunt){

grunt.init({

min {

dist {

src:’calcu.js’,

dest : add.min,js’

}

grunt.js

grunt min

all  minify

provide array []

alll *.js

//Can also add some text at beging

//By adding

Meta : { banner : ‘/*tttthis is banner*/’},

Then in src : [‘<banner>’,]

 

 

Watching the files for autmatically task runner

grunt watch

Ctrl+c

to stop watch

 

Concatenate files build system

3^rd way

Npm install –S grunt

Gurnt is task runner

Resgiter of task
grunt.registerTask(‘speak’, function(){

Console.log(‘speak’);

 

})

Now say

Grunt speak

–speak

grunt.registerTask(‘yell, function(){

Console.log(‘yell);

 

})

grunt.registerTask(‘both, [‘speak’, ‘yell’]

})

 

Now

Grunt.initConfig({

Concat:{same as above}

Grunt.loadNpmTask(‘grunt-contrib-concat’);

For  autmatically concate files or anything

Watch is here

 

Grunt watch …

Waiting …..status

module.exports = function(grunt){

 

grunt.initConfig({

 

pkg : grunt.file.readJSON(“package.json”),

 

//name of pulgin without grunt contrib

 

concat: {

options : {

separator: ‘;’ ,

},

dist : {

src: [‘controller/firstFormCntrl.js’, ‘controller/mainCntrl.js’, ‘controller/reviewCntrl.js’, ‘controller/secondFormCntrl.js’],

dest: ‘dist/built.js’

},

},

 

});

 

//load the plugins

grunt.loadNpmTasks(‘grunt-contrib-concat’);

 

grunt.registerTask(‘default’, ”, ‘concat’);

};

 

Now autmate the task

As follows

Before need to installl

Plugins

Npm install grunt-contrib-watch –save-dev

module.exports = function(grunt){

               

                grunt.initConfig({

 

                                pkg : grunt.file.readJSON(“package.json”),

 

                                //name of pulgin without grunt contrib

 

                                concat: {

                                                options : {

                                                                separator: ‘;’ ,

                                                },

                                                dist : {

                                                                src: [‘controller/firstFormCntrl.js’, ‘controller/mainCntrl.js’, ‘controller/reviewCntrl.js’, ‘controller/secondFormCntrl.js’],

                                                                dest: ‘dist/built.js’

                                                },

                                },

                                watch:{

                                                scripts: {

                                                files: [‘controller/**/*.js’],

                                                tasks: [‘concat’],

 

                                                },

                                }

 

                });

 

                //load the plugins

                grunt.loadNpmTasks(‘grunt-contrib-concat’);

                grunt.loadNpmTasks(‘grunt-contrib-watch’);

 

                grunt.registerTask(‘default’, ”, ‘concat’);

};

 

केले खाते समय सावधान

🍌🍌🍌🍌🍌🍌🍌🍌🍌
सभी से विनती है कि , इस मेसेज को ध्यान से पढ़ें और विचार करें तत्पश्चात ज़्यादा से ज़्यादा लोगों को फॉर्वर्ड करें २५/- से ३०/- रु डज़न इस दर से मृत्यु बेची जा रही है. मेरी सबसे विनती है कि सावधान रहें .

मित्रों हम सभी केले पसंद करते हैं और इनका भरपूर स्वाद उठाते हैं परंतु अभी बाज़ार में आने वाले केले कार्बाइडयुक्त पानी में भिगाकर पकाए जा रहे हैं , इस प्रकार के केले खाने से १००% कॅन्सर या पेट का विकार हो सकता है. इसलिए अपनी बुद्धि का इस्तेमाल करें और ऐसे केले ना खाएँ .

परंतु केले को कार्बाइड का उपयोग करके पकाया है इसे कैसे पहचानेंगे :-

यदि केले को प्राकृतिक तरीके से पकाया है तो उसका डंठल काला पड जाता है और केले का रंग गर्द पीला हो जाता है . कृपया नीचे दिए फोटो को देखें साथ ही केले पर थोड़े बहुत काले दाग रहते हैं . परंतु यदि केले को कारबाइड का इस्तेमाल करके पकाया गया है तो उसका डंठल हरा होगा और केले का रंग लेमन यलो अर्थात नींबुई पीला होगा इतना ही नही ऐसे केले का रंग एकदम साफ पीला होता है उसमे कोई दाग धब्बे नहीं होते कृपया नीचे दिए फोटो को देखें.

कारबाइड आख़िर क्या है , यदि कारबाइड को पानी में मिलाएँगे तो उसमें से उष्मा (हीट) निकलती है और अस्यतेलएने गॅस का निर्माण होता है जिससे गाँव देहातों में गॅस कटिंग इत्यादि का काम लिया जाता है अर्थात इसमें इतनी कॅलॉरिफिक वॅल्यू होती है की उससे एल पी गी गॅस को भी प्रतिस्थापित किया जा सकता है . जब किसी केले के गुच्छे को ऐसे केमिकल युक्त पानी में डुबाया जाता है तब उष्णता केलों में उतरती है और केले पक जाते हैं , इस प्रक्रिया को उपयोग करने वाले व्यापारी इतने होशियार नहीं होते हैं कि उन्हें पता हो की किस मात्रा के केलों के लिए कितने तादाद में इस केमिकल का उपयोग करना है बल्कि वे इसका अनिर्बाध प्रयोग करते हैं जिससे केलों में अतिरिक्त उष्णता का समावेश हो जाता है जो हमारे पेट में जाता है जिससे कि :-

1. पाचन्तन्त्र में खराबी आना शुरू हो जाती है , 2. आखों में जलन , 3. छाती में तकलीफ़ , 4. जी मिचलाना , 5. पेट दुखना , 6. गले मैं जलन , 7. अल्सर , 8. तदुपरांत ट्यूमर का निर्माण भी हो सकता है .

इसीलिए अनुरोध है की इस प्रकार के केलों का बहिष्कार किया जाए , इसी तरीके से आमों को भी पकाया जा रहा है परंतु जागरूकता से महाराष्ट्र में इस वर्ष लोगों ने कम आम खाए तब जा के आम के व्यापारियों की आखें खुली , अतः यदि कारबाइड से पके केलों और फलों का भी हम संपूर्ण रूप से बहिष्कार करेंगे तो ही हमें नैसर्गिक तरीके से पके स्वास्थ्यवर्धक केले और फल बेचने हेतु व्यापारी बाध्य होंगे अन्यथा हमारा स्वास्थ्य ख़तरे मैं है ये समझा जाए .

कृपया जन जागृति के लिये अविलंब फ़ॉर्वर्ड करें ।

मृत्यु के बाद भी पुण्य कमाने के 7 (सात) आसान उपाय

यह मेसेज बहुत खास है, कृपया बीच में पढना न छोड़ें , पुरा पढें |

🌳
मृत्यु के बाद भी पुण्य कमाने के 7 (सात) आसान उपाय ।

.🔜 (1)= किसी को धार्मिक ग्रन्थ भैंट करे जब भी कोई उसका पाठ करेगा आप को पुण्य मिलेगा ।

🔜(2)= एक व्हीलचेयर किसी अस्पताल मे दान करे जब भी कोई मरीज उसका उपयोग करेगा पुण्य आपको मिलेगा।

श🔜(3)= किसी अन्नक्षेत्र के लिये मासिक ब्याज वाली एफ. डी बनवादे जब भी उसकी ब्याज से कोई भोजन करेगा आपको पुण्य मिलेगा

🔜 (4)=किसी पब्लिक प्लेस पर वाटर कूलर लगवाएँ हमेशा पुण्य मिलेगा।

🔜(5)= किसी अनाथ को शिक्षित करो वह और उसकी पीढ़ियाँ भी आपको दुआ देगी तो आपको पुण्य मिलेगा।
याद रहे औलाद तो अपना हक समझती है जरा भी कमी रह जाय तो मरणोपराँत भी गाली देती है कि हमारे लिये किया ही क्या।

🔜(6)= अपनी औलाद को परोपकारी बना सके तो सदैव पुण्य मिलता रहेगा।

🔜( 7)= सबसे आसान है कि आप ये बाते औरों को बताये किसी एक ने भी अमल किया तो आपको पुण्य मिलेगा…..

सबसे पहले सेंड करदो , क्यूंकि जबतक कोई यह MSG पढ़ता रहेगा ,स्वर्ग में आप के नाम के पुण्य के 🌳🌳🌳🌳🌳🌳🌳🌳🌳🌳 लगते रहेगे और आपको 🍎🍏🍊🍋🍒🍇🍉🍓🍑🍈🍌🍐🍍 मिलते रहेंगे इसलिये रुकिये नही निरंतर लगे रहिये.