Modern web development
19.6K views | +0 today
Follow
Modern web development
The latest news in web development
Curated by Tony Brown
Your new post is loading...
Your new post is loading...
Scooped by Tony Brown
Scoop.it!

Universal React with Rails: Part IV

Universal React with Rails: Part IV | Modern web development | Scoop.it
Building Universal JavaScript app using React, Redux and Ruby on Rails. Part IV: Building Universal Flux app.
more...
No comment yet.
Rescooped by Tony Brown from JavaScript for Line of Business Applications
Scoop.it!

React Tutorial using MERN stack

React Tutorial using MERN stack | Modern web development | Scoop.it

This is a step-by-step tutorial that will help you get up to speed with React quickly, and also build a complete app with the MERN (Mongo-Express-React-Node) stack. You'll also learn other tools that you typically use to build an app: Gulp, Browserify, Material-UI and React-Bootstrap.


Via Jan Hesse
more...
No comment yet.
Rescooped by Tony Brown from javascript node.js
Scoop.it!

MEAN web development #8: Sockets will rock your socks! - CodeProject

MEAN web development #8: Sockets will rock your socks! - CodeProject | Modern web development | Scoop.it

The eighth in a series on MEAN web development.The post MEAN web development #8: Sockets will rock your socks!


Via Mikael Bourges-Sevenier
more...
No comment yet.
Scooped by Tony Brown
Scoop.it!

5 Practical Examples For Learning The React Framework | Tutorialzine

5 Practical Examples For Learning The React Framework | Tutorialzine | Modern web development | Scoop.it
This article will give you a quick overview and 5 practical examples for using React, the popular and fast JavaScript framework by Facebook.
more...
No comment yet.
Scooped by Tony Brown
Scoop.it!

This is a web-based plugin-based audio application that supports hardware MIDI though Web MIDI, audio synthesis, sequencers, and lots of plugins

Click here to edit the title

Tony Brown's insight:

This is a web-based plugin-based audio application that supports hardware MIDI though Web MIDI, audio synthesis, sequencers, and lots of plugins

more...
No comment yet.
Scooped by Tony Brown
Scoop.it!

AngularJS 101: From Zero to Angular in Seconds

AngularJS 101: From Zero to Angular in Seconds | Modern web development | Scoop.it
AngularJS 101: From zero to angular in 60 seconds (ie. 99 lines of code). Full tutorial and all the...
more...
No comment yet.
Scooped by Tony Brown
Scoop.it!

Beginner’s Tutorials for Developing with Ruby on Rails

Beginner’s Tutorials for Developing with Ruby on Rails | Modern web development | Scoop.it
Free Web Resources Everyday - WebResourcesDepot (Beginner’s Tutorials for Developing with Ruby on Rails

http://t.co/7IIGKvt5in http://t.co/FLnkI0nxwk)...
more...
No comment yet.
Rescooped by Tony Brown from JavaScript for Line of Business Applications
Scoop.it!

Reactive Framework - Build Asynchronous AJAX-Enabled Web Pages with Reactive Extensions

Reactive Framework - Build Asynchronous AJAX-Enabled Web Pages with Reactive Extensions | Modern web development | Scoop.it

Rx provides a standard way to abstract a variety of scenarios and manipulate them using a fluent, LINQ-like interface that lets you compose applications from simpler building blocks. Rx lets you both integrate your UI events with back-end processing while, at the same time, keeping them separate—with Rx you can rewrite your UI without having to make corresponding changes to your back end (and vice versa).

RxJS also supports a clean separation between your HTML and your code, effectively giving you data binding without requiring special HTML markup. RxJS also builds on existing client-side technologies (jQuery, for example).


Via Jan Hesse
more...
No comment yet.
Rescooped by Tony Brown from JavaScript for Line of Business Applications
Scoop.it!

Containers Are Dead. Long Live Observable Combinators

Containers Are Dead. Long Live Observable Combinators | Modern web development | Scoop.it

I really like Cycle.js. It is simple and declarative. But it has two caveats. First it has hard RxJs dependency and that is too much: if I select a rendering library then I don’t want it to constrain my state handling! Second, Cycle’s DOM event subscription system is not practical (regardless how functional and “reactive” it may be): the emitted data must be encoded into DOM (e.g. by using data attributes like data-id=”myId”). Just ugly.

Single source of Truth. And its problems
The state of your whole application is stored in an object tree inside a single store.

That is a direct quote from Redux website. The most of the current Flux libraries use combined reducer and this has locked the developers’ mindsets to the fact that the state should be like a mega sized “blob” which is passed to the “dummy” components via props. And there is always an explicit layer which separates the state handling and the UI: the top level “application container”. Perhaps you’ve seen this kind of lines in Redux apps...


Via Jan Hesse
more...
No comment yet.
Scooped by Tony Brown
Scoop.it!

How to use React & Om to make a Single Page Application (SPA) | Codementor

How to use React & Om to make a Single Page Application (SPA) | Codementor | Modern web development | Scoop.it
Codementor provides instant 1:1 help for software development. Build projects faster with on-demand live help from expert developers.
Tony Brown's insight:

Use React to build Single Page Applications

more...
No comment yet.
Scooped by Tony Brown
Scoop.it!

Trimming Down jQuery with Grunt -

Trimming Down jQuery with Grunt - | Modern web development | Scoop.it
I’ve previously written about using jQuery’s AMD modules to include only the pieces of jQuery you need. That approach relied on explicitly listing jQuery modules, i.e. whitelisting, which works well if you only need a few modules. The more common case, however, is applications that use numerous jQuery modules. In those applications, micromanaging a list …
more...
No comment yet.
Scooped by Tony Brown
Scoop.it!

ng-newsletter

ng-newsletter | Modern web development | Scoop.it
Learning AngularJS can be complex. There are a lot of resources available on the web, conflicting and confusing blog posts. This week's post is to serve as your official guide.
more...
No comment yet.
Scooped by Tony Brown
Scoop.it!

24 Tips For Making Great Parallax Scrolling Websites

24 Tips For Making Great Parallax Scrolling Websites | Modern web development | Scoop.it
Learn from the mistakes I have made and build a better parallax scrolling websites.
more...
No comment yet.
Scooped by Tony Brown
Scoop.it!

Mailin - Receive inbound emails in your web app with node.js

Mailin - Receive inbound emails in your web app with node.js | Modern web development | Scoop.it
more...
Scooped by Tony Brown
Scoop.it!

LoopBack

LoopBack | Modern web development | Scoop.it
LoopBack open-source mobile backend powered by Node.js
more...
No comment yet.