Render as a JS string literal (with double-quotes):

    return (&lt;p&gt;{&quot;I&#39;ve seen the movie.&quot;}&lt;/p&gt;)

... or use the HTML entity for an apostrophe, `&amp;apos;`:

    return (&lt;p&gt;I&amp;apos;ve seen the movie.&lt;/p&gt;)


Nevermind, it works as is. 

It was the IDE that was highlighting it as a mistake

You can use &amp;quot html entity to have quote in your text.

    &lt;Text&gt;I&amp;quot;ve seen the movie.&lt;/Text&gt;

output: I&quot;ve seen the movie.

or if want single quot use the below option:
&gt;     &lt;Text&gt; I&amp;apos;ve seen the movie.&lt;/Text&gt;
&gt;
&gt;     &lt;Text&gt;{&#39;I\&#39;ve seen the movie.&#39;}&lt;/Text&gt;
&gt;     {/* you can use both ticks and single quotes depending on your use. */}
&gt;     &lt;Text&gt;{`I&#39;ve seen the movie.`}&lt;/Text&gt;

output: I&#39;ve seen the movie.






This is a great reason to use the backtick (``` ` ```) for strings where it makes sense. 

The text in the original question will work fine even though the syntax highlighting is off, but by also moving strings to a constant you can avoid worrying about escaping, highlighting and they&#39;re easier to find/update.

```
const TEXT_FOR_MOVIE = `Some text that&#39;s &quot;quoted&quot;`
```

const TEXT_FOR_MOVIE = `Some text that&#39;s &quot;quoted&quot;`

In case if you want to show a variable with quotes you can use this it will show quote and also display the value of the variable

    {`&quot;${variable}&quot;`}

    pip install m2crypto

Generates the following output:

    building &#39;M2Crypto.__m2crypto&#39; extension
    swigging SWIG/_m2crypto.i to SWIG/_m2crypto_wrap.c
    swig -python -I/System/Library/Frameworks/Python.framework/Versions/2.7/include/python2.7 -I/usr/include -I/usr/include/openssl -includeall -modern -o SWIG/_m2crypto_wrap.c SWIG/_m2crypto.i
    SWIG/_m2crypto.i:30: Error: Unable to find &#39;openssl/opensslv.h&#39;
    SWIG/_m2crypto.i:33: Error: Unable to find &#39;openssl/safestack.h&#39;
    SWIG/_evp.i:12: Error: Unable to find &#39;openssl/opensslconf.h&#39;
    SWIG/_ec.i:7: Error: Unable to find &#39;openssl/opensslconf.h&#39;
    error: command &#39;swig&#39; failed with exit status 1

I&#39;ve run:

    brew install swig



Trouble installing m2crypto with pip on OS X / macOS

I am using Swift 1.2 to develop my iPhone application and I am communicating with a http web service.

The response I am getting is in query string format (key-value pairs) and URL encoded in `.Net`. 

I can get the response, but looking the proper way to decode using Swift.

Sample response is as follows

    status=1&amp;message=The+transaction+for+GBP+12.50+was+successful


Tried following way to decode and get the server response

    // This provides encoded response String
    var responseString = NSString(data: data, encoding: NSUTF8StringEncoding) as! String
    var decodedResponse = responseString.stringByReplacingEscapesUsingEncoding(NSUTF8StringEncoding)!

How can I replace all URL escaped characters in the string?

URL decode in iOS

In React JSX how can I have the following text include a single quote? Or other punctuation that might need escaping?

     return (&lt;p&gt;I&#39;ve seen the movie.&lt;/p&gt;)

React JSX, how to render text with a single quote? Example &lt;p&gt;I&#39;ve&lt;/p&gt;

In React JSX how can I have the following text include a single quote? Or other punctuation that might need escaping?
<pre><code class="hljs language-css"> return (&#x3C;p>I've seen the movie.&#x3C;/p>)
</code></pre>

OK, so we&#39;ve all probably heard about [AMP HTML](https://github.com/ampproject/amphtml) from Google by now.

What I&#39;m curious is how this is going to fit in with our existing workflows. If you&#39;re writing a React or Angular app, how does AMP HTML fit in the development process? Each of these frameworks already has a way to define components and it seems like AMP is just adding to the stack.

Most of us are already using other tools like browserify or webpack, too. I&#39;m not readily seeing how AMP *fits* in with the rest. Some of these tools already allow us to serve our site in an optimized fashion. How much is AMP HTML going to change all of this?


What is AMP HTML and how does it fit in with framework/tool X?

I&#39;m using webpack for a Node framework that I&#39;m building (though I should probably use gulp, admittedly). When I include the EJS module, webpack includes it in the compiled source, even though I explicitly tell it to exclude the node_modules dir.


    module.exports = {
        context: __dirname,
        target: &#39;node&#39;,
        // ...
        output: {
            libraryTarget: &#39;commonjs&#39;
            // ...
        },
        module: {
            loaders: [
                {
                    test: /\.js$/,
                    exclude: /node_modules/,
                    loader: &#39;babel-loader?{ &quot;stage&quot;: 0, &quot;optional&quot;: [&quot;runtime&quot;] }&#39;
                }
            ]
        }
    };

As you can see, I have a test for JS files, and I tell it to exclude node_modules; why is it ignoring my exclude?

Webpack not excluding node_modules

This error pops up on my JS console in the browser, and I&#39;m not sure how to interpret the message. Can anyone describe what causes this? 

Thanks

Uncaught SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode

I am trying to require a file and afterwards pass it to a var. I am following [this](https://scotch.io/tutorials/easy-node-authentication-setup-and-local) tutorial to create an authentication system. After writing the server.js file and trying to compile I got a BSON error therefore I changed the line that required the release version of it in mongoose.

Here are my code and error: 

***server.js***

    require(&#39;./app/routes&#39;)(app, passport);

***Error***

    require(&#39;./app/routes&#39;)(app, passport);
                       ^

    TypeError: require(...) is not a function
               at Object.&lt;anonymous&gt; (d:\Node JS learning\WorkWarV2\server.js:38:24)
               at Module._compile (module.js:434:26)
               at Object.Module._extensions..js (module.js:452:10)
               at Module.load (module.js:355:32)
               at Function.Module._load (module.js:310:12)
               at Function.Module.runMain (module.js:475:10)
               at startup (node.js:117:18)
               at node.js:951:3

    Process finished with exit code 1

I have read that this usually means that `requireJS` is not getting loaded properly yet I am not aware why or how to fix it.

***Edit due to comment:***

As asked, [here](http://paste.isomorphis.me/vj3) is the result of `console.log(require);`

NodeJs : TypeError: require(...) is not a function

I&#39;m learning javascript FP by reading DrBoolean&#39;s [book][1].  

I searched around for functional programming library. I found Ramda and Folktale. Both claim to be functional programming library.

But they are so different:  

 - [Ramda][2] seems to contain utility functions for dealing with list: map, reduce, filter and pure functions: curry, compose. It doesn&#39;t contain anything to deal with monad, functor.  

 - [Folktale][3] however doesn&#39;t contain any utility for list or functions. It seems to implement the some algebraic structures in javascript like monad: Maybe, Task...

Actually I found more libraries, they all seem fall into the two categories. Underscore and lodash are like Ramda. Fantasy-land, pointfree-fantasy are like folktale.

Can these very different libraries both be called _functional_, and if so, what makes each one a functional library? 


  [1]: https://drboolean.gitbooks.io/mostly-adequate-guide
  [2]: http://ramdajs.com/
  [3]: http://folktale.origamitower.com/

why are folktale and ramda so different?

I&#39;m building a web-app with ReactJS and Flux and I&#39;m trying to get the node of my current div using the method **findDOMNode**  and I get the next error:

    Uncaught TypeError: React.findDOMNode is not a function

So, I tried to use **getDOMNode** and I get the very same error:

    Uncaught TypeError: React.getDOMNode is not a function

I&#39;m using npm to build the JS, the code where I use these methods:

    var React = require(&#39;react&#39;);
    var stores = require(&#39;../stores&#39;);
    var MessagesUserContainer = require(&#39;./messageusercontainer&#39;);
    var ChatStore = stores.ChatStore;
    var owner = stores.getOwner();
    
    var MessagesList = React.createClass({
    
    	getInitialState: function(){
    		return {&#39;muc&#39;: []};
    	},
    	componentDidUpdate: function(){
    		var node = React.findDOMNode(this); //Error here
      		node.scrollTop = node.scrollHeight;
    	},
    	render: function(){
    		return (
    				&lt;div className=&quot;chatScroll&quot;&gt;
    					{this.state.muc}
    				&lt;/div&gt;
    			)
    	}
    });
    
    module.exports = MessagesList;

**ReactJS verion: 0.14.0**

**EDIT**

As pointed out in the answers, the DOM library as of v0.14.0  is out of the React core, so I made a few changes to my code:

    var React = require(&#39;react&#39;);
    var ReactDOM = require(&#39;react-dom&#39;);
    var stores = require(&#39;../stores&#39;);
    var MessagesUserContainer = require(&#39;./messageusercontainer&#39;);
    var ChatStore = stores.ChatStore;
    var owner = stores.getOwner();
    
    var MessagesList = React.createClass({
    
    	getInitialState: function(){
    		return {&#39;muc&#39;: []};
    	},
    	componentDidUpdate: function(){
    		var node = ReactDOM.findDOMNode(this);
      		node.scrollTop = node.scrollHeight;
    	},
    	render: function(){
    		return (
    				&lt;div className=&quot;chatScroll&quot;&gt;
    					{this.state.muc}
    				&lt;/div&gt;
    			)
    	}
    });
    
    module.exports = MessagesList;

But I got another problem:

    Uncaught Error: Invariant Violation: findDOMNode was called on an unmounted component.



ReactJS findDOMNode and getDOMNode are not functions

I am adding react router to an existing project. 

At present a model is passed in to a root component which contains a navigation component for the sub navigation and a main component.

The examples of react router I&#39;ve found only have one child component, what is the best way to have multiple child components change without repeating the layout code in both?

Using React-Router with a layout page or multiple components per page

Let&#39;s say I have a list of 1000 items. And I rendering it with React, like this:

    class Parent extends React.Component {
      render() {
        // this.state.list is a list of 1000 items
        return &lt;List list={this.state.list} /&gt;;
      }
    }

    class List extends React.Component {
      render() {
        // here we&#39;re looping through this.props.list and creating 1000 new Items
        var list = this.props.list.map(item =&gt; {
          return &lt;Item key={item.key} item={item} /&gt;;
        });
        return &lt;div&gt;{list}&lt;/div&gt;;
      }
    }

    class Item extends React.Component {
      shouldComponentUpdate() {
        // here I comparing old state/props with new
      }
      render() {
        // some rendering here...
      }
    }

With a relatively long list map() takes about 10-20ms and I can notice a small lag in the interface. 

Can I prevent recreation of 1000 React objects every time when I only need to update one?

React: update one item in a list without recreating all items

This is my render function:

      render: function() {
        return  &lt;div className=&quot;input-group search-box&quot;&gt;
                  &lt;input
                    onChange={this.handleTextChange}
                    type=&quot;text&quot;
                    value={this.state.text}
                    className=&quot;form-control search-item&quot; /&gt;
                  &lt;span className=&quot;input-group-btn&quot;&gt;&lt;/span&gt;
            &lt;/div&gt;
       }

and I have this as my event handler:

       handleTextChange: function(event) {
         console.log(event.target.value);
         this.setState({
           text: event.target.value
         });
       }

The problem is that when I &quot;save&quot; an item, or console.log print the output, the last character is missing - for instance, if I enter &quot;first&quot;, I&#39;ll get &quot;firs&quot; printed out, and there needs to be another key event to capture the last character. I&#39;ve tried `onKeyUp` - which doesn&#39;t let me type anything in, and I&#39;ve also tried `onKeyDown` and `onKeyPress`, which output nothing. 
What is happening here and why? and how can I get that last character to show up? 

Content Type	Original Author	Original Content on Stackoverflow
Question	PrimeLens	View Question on Stackoverflow
Solution 1 - Javascript	Nasrul Faizin	View Answer on Stackoverflow
Solution 2 - Javascript	PrimeLens	View Answer on Stackoverflow
Solution 3 - Javascript	abhishek kasana	View Answer on Stackoverflow
Solution 4 - Javascript	Gregg B	View Answer on Stackoverflow
Solution 5 - Javascript	Sehrish Waheed	View Answer on Stackoverflow

React JSX, how to render text with a single quote? Example <p>I've</p>

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Solution 3 - Javascript

Solution 4 - Javascript

Solution 5 - Javascript

URL decode in iOS

Trouble installing m2crypto with pip on OS X / macOS

Attributions