React Routing with this.props.children

Routing with #ReactJS using

  • You can apply CSS to your Pen from any stylesheet on the web.
  • Just put a URL to it here and we’ll apply it, in the order you have them, before the CSS in the Pen itself.
  • If the stylesheet you link to has the file extension of a preprocessor, we’ll attempt to process it before applying.
  • You can also link to another Pen here, and we’ll pull the CSS from that Pen and include it.
  • If it’s using a matching preprocessor, we’ll combine the code before preprocessing, so you can use the linked Pen as a true dependency.

An example of using React Router (2.8.1) and this.props.children to create page navigation….
Continue reading “React Routing with this.props.children”

Minimal Photo Gallery (ReactJS)

Minimal Image Gallery using @reactjs.  I'm very happy to be sharing on @codepen again! 🙌

  • You can apply CSS to your Pen from any stylesheet on the web.
  • Just put a URL to it here and we’ll apply it, in the order you have them, before the CSS in the Pen itself.
  • If the stylesheet you link to has the file extension of a preprocessor, we’ll attempt to process it before applying.
  • You can also link to another Pen here, and we’ll pull the CSS from that Pen and include it.
  • If it’s using a matching preprocessor, we’ll combine the code before preprocessing, so you can use the linked Pen as a true dependency.

Had this idea bubbling around in my head for a while for a simple photo gallery with animations. Decided to get some more React practice in and make it…
Continue reading “Minimal Photo Gallery (ReactJS)”

React.js drag&drop file upload – ReactJS News – ReactJS News – ReactJS News

RT @ReactJS_News Top q React.js drag&drop file upload – ReactJS News  #Co #java

  • You can apply CSS to your Pen from any stylesheet on the web.
  • You can also link to another Pen and we’ll pull the CSS from that Pen and include it.
  • You can also link to another Pen and we’ll pull the JavaScript from that Pen and include it.
  • You can also add another Pen and it will pull the CSS from it.
  • If it’s using a matching preprocessor, we’ll combine the code before preprocessing, so you can use the linked Pen as a true dependency.

simple file upload with drag & drop. Using a mock upload… @ReactiveConf: Create the drag&drop file upload in #ReactJS easily:
@ReactJS_News: New #design React.js drag&drop file upload via @ReactiveConf #javascript
@ReactJS_News: Top #q React.js drag&drop file upload – ReactJS News via @ReactJS_News #HT

Continue reading “React.js drag&drop file upload – ReactJS News – ReactJS News – ReactJS News”

React.js drag&drop file upload – ReactJS News – ReactJS News

Top #q React.js drag&drop file upload – ReactJS News  via @ReactJS_News #HT

  • You can apply CSS to your Pen from any stylesheet on the web.
  • You can also link to another Pen and we’ll pull the CSS from that Pen and include it.
  • You can also add another Pen and it will pull the CSS from it.
  • You can also link to another Pen and we’ll pull the JavaScript from that Pen and include it.
  • If it’s using a matching preprocessor, we’ll combine the code before preprocessing, so you can use the linked Pen as a true dependency.

simple file upload with drag & drop. Using a mock upload… @ReactiveConf: Create the drag&drop file upload in #ReactJS easily:
@ReactJS_News: New #design React.js drag&drop file upload via @ReactiveConf #javascript

Continue reading “React.js drag&drop file upload – ReactJS News – ReactJS News”

React.js drag&drop file upload – ReactJS News

New #design React.js drag&drop file upload  via @ReactiveConf #javascript

  • You can apply CSS to your Pen from any stylesheet on the web.
  • You can also link to another Pen and we’ll pull the CSS from that Pen and include it.
  • You can also add another Pen and it will pull the CSS from it.
  • You can also link to another Pen and we’ll pull the JavaScript from that Pen and include it.
  • If it’s using a matching preprocessor, we’ll combine the code before preprocessing, so you can use the linked Pen as a true dependency.

simple file upload with drag & drop. Using a mock upload… @ReactiveConf: Create the drag&drop file upload in #ReactJS easily:

Continue reading “React.js drag&drop file upload – ReactJS News”