Add `/show` to the end of your URL: https://jsfiddle.net/foreyez/vdk7guob/show

If this is only for demo purpose, then you should be satisfied with this: https://jsfiddle.net/foreyez/vdk7guob/embedded/result/

as with pattern:

    url: https://jsfiddle.net/_USER_/_FIDDLEID_/embedded/result/

As the title of the question indicates, I want to know what is Levity polymorphism and what is its motivation ? I know [this page](https://ghc.haskell.org/trac/ghc/wiki/NoSubKinds) has some details in it, but most of the explanations there go over the top of my head. :)

While [this page](http://ezyang.tumblr.com/post/127984263867/richard-eisenberg-levity-polymorphism-hiw) is a little friendlier, I&#39;m still not able to understand the motivation behind it.

What is Levity polymorphism

I upgraded my latest project to React Native 0.19 and instantly the video no longer works. How can I create a new project with a specific version? I want to init a new project at version 0.18.1. I did some google searches but couldn&#39;t find anything about this.

    $ react-native init newproject --verbose

I&#39;m guessing I need to add the word @18.1 in there somewhere but can&#39;t get that to work.

React Native init specific version

I have this jsfiddle:

https://jsfiddle.net/foreyez/vdk7guob/

    &lt;div id=&#39;container&#39;&gt;
    Hello World
    &lt;/div&gt;

I&#39;d like to run it so that when I go to a url it&#39;ll just show me the results window (NOT the editor). So I&#39;d just see a blank &quot;Hello World&quot; on the screen. It&#39;d be nice if jsfiddle had a query string to do this as an option: https://jsfiddle.net/foreyez/vdk7guob/?run=true or something.

Is this possible with jsfiddle, or some other workaround? 

p.s I&#39;m trying to test some things with mobile that&#39;s why I&#39;d like a url to my running fiddle (not editor).

How to run a jsfiddle result with url?

I have this jsfiddle:
<a href="https://jsfiddle.net/foreyez/vdk7guob/" target="_blank" rel="noopener noreferrer">https://jsfiddle.net/foreyez/vdk7guob/</a>
<pre><code class="hljs language-bash">&#x3C;div id='container'>
Hello World
&#x3C;/div>
</code></pre>
I'd like to run it so that when I go to a url it'll just show me the results window (NOT the editor). So I'd just see a blank "Hello World" on the screen. It'd be nice if jsfiddle had a query string to do this as an option: <a href="https://jsfiddle.net/foreyez/vdk7guob/?run=true" target="_blank" rel="noopener noreferrer">https://jsfiddle.net/foreyez/vdk7guob/?run=true</a> or something.
Is this possible with jsfiddle, or some other workaround?
p.s I'm trying to test some things with mobile that's why I'd like a url to my running fiddle (not editor).

I&#39;m getting this error ***Uncaught TypeError: Cannot read property &#39;state&#39; of undefined*** whenever I type anything in the input box of AuthorForm. I&#39;m using React with ES7.

The error occurs on **3rd line of setAuthorState function in ManageAuthorPage**. Regardless of that line of code even if I put a console.log(this.state.author) in setAuthorState, it will stop at the console.log and call out the error. 

Can&#39;t find similar issue for someone else over the internet.

Here is the **ManageAuthorPage** code:

    import React, { Component } from &#39;react&#39;;
    import AuthorForm from &#39;./authorForm&#39;;
    
    class ManageAuthorPage extends Component {
      state = {
        author: { id: &#39;&#39;, firstName: &#39;&#39;, lastName: &#39;&#39; }
      };
    
      setAuthorState(event) {
        let field = event.target.name;
        let value = event.target.value;
        this.state.author[field] = value;
        return this.setState({author: this.state.author});
      };
    
      render() {
        return (
          &lt;AuthorForm
            author={this.state.author}
            onChange={this.setAuthorState}
          /&gt;
        );
      }
    }
    
    export default ManageAuthorPage 


And here is the **AuthorForm** code: 

    import React, { Component } from &#39;react&#39;;
    
    class AuthorForm extends Component {
      render() {
        return (
          &lt;form&gt;
    				&lt;h1&gt;Manage Author&lt;/h1&gt;
            &lt;label htmlFor=&quot;firstName&quot;&gt;First Name&lt;/label&gt;
    				&lt;input type=&quot;text&quot;
    					name=&quot;firstName&quot;
              className=&quot;form-control&quot;
    					placeholder=&quot;First Name&quot;
              ref=&quot;firstName&quot;
              onChange={this.props.onChange}
    					value={this.props.author.firstName}
              /&gt;
            &lt;br /&gt;
    
            &lt;label htmlFor=&quot;lastName&quot;&gt;Last Name&lt;/label&gt;
    				&lt;input type=&quot;text&quot;
    					name=&quot;lastName&quot;
              className=&quot;form-control&quot;
    					placeholder=&quot;Last Name&quot;
              ref=&quot;lastName&quot;
    					onChange={this.props.onChange}
              value={this.props.author.lastName}
    					/&gt;
    
    				&lt;input type=&quot;submit&quot; value=&quot;Save&quot; className=&quot;btn btn-default&quot; /&gt;
    			&lt;/form&gt;
        );
      }
    }
    
    export default AuthorForm

React with ES7: Uncaught TypeError: Cannot read property &#39;state&#39; of undefined

We&#39;re trying to develop an geoplacement app for one of our clients, and we want first to test it in out own domain.

We have signed for Google Maps JavaScript API, and we have a valid browser key and our domain, www.grupocamaleon.com, has been authorized to use that key.

But we can&#39;t make even the easiest example to run without error.

We have, in our domain and with our key, the following demo:

(1) http://www.grupocamaleon.com/boceto/aerial-simple.html

But it doesn&#39;t work, and Firebug console says:

&quot;Google Maps API error: Google Maps API error: RefererNotAllowedMapError (link to Google documentation on RefererNotAllowedMapError) Your site URL to be authorized: (1)&quot;

My credential page is missing the possibility of adding referrers to accept, so solutions involving adding referrers are not possible right now.

My credential Page:

[![enter image description here][2]][2]

Why do we get that error? How can we fix it?


  [1]: http://i.stack.imgur.com/7RuLC.jpg
  [2]: http://i.stack.imgur.com/j4pPr.jpg

Google Maps JavaScript API RefererNotAllowedMapError

I read that async functions marked by the `async` keyword implicitly return a promise:


    async function getVal(){
     return await doSomethingAync();
    }
    
    var ret = getVal();
    console.log(ret);

but that is not coherent...assuming `doSomethingAsync()` returns a promise, and the await keyword will return the value from the promise, not the promise itsef, then my getVal function *should* return that value, not an implicit promise.

So what exactly is the case? Do functions marked by the async keyword implicitly return promises or do we control what they return?

Perhaps if we don&#39;t explicitly return something, then they implicitly return a promise...?

To be more clear, there is a difference between the above and

    function doSomethingAync(charlie) {
        return new Promise(function (resolve) {
            setTimeout(function () {
                resolve(charlie || &#39;yikes&#39;);
            }, 100);
        })
    }

    async function getVal(){
       var val = await doSomethingAync();  // val is not a promise
       console.log(val); // logs &#39;yikes&#39; or whatever
       return val;  // but this returns a promise
    }
    
    var ret = getVal();
    console.log(ret);  //logs a promise

In my synopsis the behavior is indeed inconsistent with traditional return statements. It appears that when you explicitly return a non-promise value from an `async` function, it will force wrap it in a promise.
I don&#39;t have a big problem with it, but it does defy normal JS.

async/await implicitly returns promise?

I want to persist some parts of my state tree to the localStorage. What is the appropriate place to do so? Reducer or action?

Where to write to localStorage in a Redux app?

In my React component I have a button meant to send some data over AJAX when clicked. I need to happen only the first time, i.e. to disable the button after its first use.

How I&#39;m trying to do this:

    var UploadArea = React.createClass({

      getInitialState() {
        return {
          showUploadButton: true
        };
      },

      disableUploadButton(callback) {
        this.setState({ showUploadButton: false }, callback);
      },
    
      // This was simpler before I started trying everything I could think of
      onClickUploadFile() {
        if (!this.state.showUploadButton) {
          return;
        }
        this.disableUploadButton(function() {
          $.ajax({
            [...]
          });

        });
      },

      render() {
        var uploadButton;
        if (this.state.showUploadButton) {
          uploadButton = (
            &lt;button onClick={this.onClickUploadFile}&gt;Send&lt;/button&gt;
          );
        }

        return (
          &lt;div&gt;
            {uploadButton}
          &lt;/div&gt;
        );
      }

    });

What I think happens is the state variable `showUploadButton` not being updated right away, which the React docs says is expected.

How could I enforce the button to get disabled or go away altogether the instant it&#39;s being clicked?

ReactJs: Prevent multiple times button press

I&#39;m trying to center inner elements of a `&lt;button&gt;`-tag with flexbox&#39;s `justify-content: center`. But Safari does not center them. I can apply the same style to any other tags and it works as intended (see the `&lt;p&gt;`-tag). Only the button is left-aligned.

Try Firefox or Chrome and you can see the difference.

Is there any user agent style I have to overwrite? Or any other solution to this problem?

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-css --&gt;

    div {
      display: flex;
      flex-direction: column;
      width: 100%;
    }
    button, p {
      display: flex;
      flex-direction: row;
      justify-content: center;
    }

&lt;!-- language: lang-html --&gt;

    &lt;div&gt;
      &lt;button&gt;
        &lt;span&gt;Test&lt;/span&gt;
        &lt;span&gt;Test&lt;/span&gt;
      &lt;/button&gt;
      &lt;p&gt;
        &lt;span&gt;Test&lt;/span&gt;
        &lt;span&gt;Test&lt;/span&gt;
      &lt;/p&gt;
    &lt;/div&gt;

&lt;!-- end snippet --&gt;

And a jsfiddle:
http://jsfiddle.net/z3sfwtn2/2/

Flex / Grid layouts not working on button or fieldset elements

I know that in **angular2** I can disable a button with the 
**`[disable]`** attribute, for example: 
 

    &lt;button [disabled]=&quot;!isValid&quot; (click)=&quot;onConfirm()&quot;&gt;Confirm&lt;/button&gt;

but can I do it using **`[ngClass]`** or **`[ngStyle]`** ? Like so:

    &lt;button [ngStyle]=&quot;{disabled : !isValid}&quot; (click)=&quot;onConfirm()&quot;&gt;Confirm&lt;/button&gt;


Thanks.

Angular2 disable button

Can anyone help me to change Gregorian date to Persian in JavaScript? I want to use it in HTML and JavaScript.

How to change Gregorian date to Persian date in JavaScript?

I&#39;ve recently been playing with Flexbox for the first time and, in general, it&#39;s absolutely amazing. I&#39;ve encountered an issue recently however, where I cannot seem to give flex items that are wrapping any vertical spacing.

I&#39;ve tried using:

    align-content: space-between;

but this doesn&#39;t seem to do anything. From the reading I&#39;ve done, this would only seem to work if my flex container is taller than the elements contained within (is this right?) If so, then would I not have to set a height for my flex-container, which would seem to defeat the purpose of using flexbox?

The only way I can think of to make this work would be to give bottom margin to the elements within, but again this seems to defeat the purpose.

Hopefully I&#39;m missing something fairly obvious - here&#39;s a link to a codepen: http://codepen.io/lordchancellor/pen/pgMEPz

Also, here&#39;s my code:

HTML:

    &lt;div class=&quot;container&quot;&gt;
       &lt;div class=&quot;col-sm-12&quot;&gt;
         &lt;h1&gt;Flexbox Wrapping&lt;/h1&gt;
    
         &lt;div class=&quot;flexContainer&quot;&gt;
           &lt;div class=&quot;flexLabel&quot;&gt;This is a flex label&lt;/div&gt;
                        
           &lt;a class=&quot;btn btn-primary&quot;&gt;Button 1&lt;/a&gt;
           &lt;a class=&quot;btn btn-warning&quot;&gt;Button 2&lt;/a&gt;
           &lt;a class=&quot;btn btn-success&quot;&gt;Button 3&lt;/a&gt;
         &lt;/div&gt;
       &lt;/div&gt;
     &lt;/div&gt;

CSS:

    .flexContainer {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      align-content: space-between;
      justify-content: center;
    }
    .flexContainer .flexLabel {
      flex-basis: 150px;
      flex-shrink: 0;
    }

EDIT - Just going to add a little more detail here, as I&#39;m not sure I&#39;m putting it across well enough.

In my larger project, I have some block level elements that are arranged in a row using flexbox. However, there needs to be some responsiveness as the user may reduce the screen width. At this point, I want my elements to begin to stack (hence the wrap). However, as the elements begin to stack, they are all touching vertically, where I want there to be spacing.

It&#39;s beginning to look like top and bottom margins may be the only way to resolve this - however I was wondering if there was a flexbox-centric way to achieve this.

Giving wrapped flexbox items vertical spacing

Having previously used jQuery date picker, I have now converted some of the date fields in forms on my website to the HTML5 date picker.

On the documentation, it says Safari is supported: however, it currently shows just a text field (whereas Chrome and other browsers show the date picker correctly).

    echo &quot;&lt;input type=&#39;date&#39; name=&#39;Date&#39; min=&#39;$todaymin&#39;&gt;&quot;;

(the same applied without the min attribute)

This is my code line - am I doing something wrong or am I just reading the documentation wrong and it is NOT supported in Safari?

Thank you!

HTML5 date picker doesn&#39;t show on Safari

The interface of **JSfiddle** has changed and i can&#39;t see any option to add `jQuery`, and set it `onLoad` as it was Before..

So can someone help me how to activate it.

And thank you for help.

How to add jQuery to JSfiddle

How can I get the console to show in a fiddle on JSfiddle.com?

I recently saw a fiddle that had the console embedded in the fiddle, anyone know how this can be done?

Content Type	Original Author	Original Content on Stackoverflow
Question	Shai UI	View Question on Stackoverflow
Solution 1 - Javascript	fredrover	View Answer on Stackoverflow
Solution 2 - Javascript	Maciej Kwas	View Answer on Stackoverflow

How to run a jsfiddle result with url?

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

React Native init specific version

What is Levity polymorphism

Attributions