 Your new post is loading...
Your new post is loading...
Scoop.it!
About two months ago, I wrote about how to use EmberJS without a back-end. Today, I'd like to share how I implemented the same principle for the Ember-CLI. THE PRINCIPLEIn short: the principle is the same as before, but this time instead of using Grunt I'll use Broccoli. Each blog post is written as .md mixed YAML/markdown and converted to a JSONfile using Broccoli. In Ember, I use a simple jQuery getJSON() to load the data and hand it back the jQuery promise as a "model". 
No comment yet.
Sign up to comment
Scoop.it!
jQuery is a fast, small and feature-rich JavaScript library. It makes manipulation, event handling, animation, and Ajax much easier with an easy API. Let's see how well it works with Ember.js
Scoop.it!
Scoop.it!
From
medium
We’ve been using React with and without Flux for a little more than a year at Social Tables. Over this time we’ve implem…
Scoop.it!
Component playground is a React component that renders editable source code and a live preview of other React components. We have found it is helpful for component documentation and demos.
Scoop.it!
In this post we'll look at the collection of technologies that Meteor provides to enable 'Optimistic UI' updating. This capability is crucial to user expectations for modern web apps and is fundamental to Meteor. Your app should be able to respond to user inputs faster than it takes to make a whole roundtrip to the server — we call this Optimistic UI updating. It's very hard to build an app that correctly implements client-side simulations as it takes a lot of work to make your UI consistent, avoid loading duplicate data over and over, and keep your client up to date with your server data.
Scoop.it!
Preetish Panda teaches you how to create a basic Twitter app using AngularJS, The app includes a search feature to search a term in the user's timeline. The application will let us log in via Twitter and fetch tweets from the user timeline. Besides, the application will feature a search box to let the user searching among the tweets shown. In this tutorial, you will learn about the usage of OAuth for the Twitter authentication, various functions to retrieve tweets, load more tweets through the use of a “Load more” button, and search tweets with the help of AngularJS two-way data binding.
Scoop.it!
From
slides
A concise and accurate JavaScript tutorial/notes written for those entering the JavaScript world for the first time but already have experience with other languages
Scoop.it!
From
marmelab
Webpack is really a great JavaScript bundler, allowing to turn messy and numerous JavaScript into a single minified and optimized script. Yet, we missed a good getting started tutorial. Here is one...
Scoop.it!
From
jscs
JSCS is a code style linter for programmatically enforcing your style guide. You can configure JSCS for your project in detail using over 90 validation rules, including presets from popular style guides like jQuery, Airbnb, Google, and more.
Scoop.it!
Skate is a web component library that is focused on being a tiny, performant, syntactic-sugar for binding behaviour to custom and existing elements without ever having to worry about when your element is inserted into the DOM. It uses the Custom Element spec as a guideline and adds some features on top of it. There are some things to consider when building a web component that aren't quite obvious at first. Things like having compound components; ones that have parents and children that are all components and are supposed to interact with each other. There's also some gotcha's when working with polyfilled components vs native web components.
Scoop.it!
Cody Lindley explains why you should ditch non-standard JavaScript module formats and move to the ECMAScript 6 module format with examples. By using jspm.io you can make use of the official JavaScript module control system (and its syntax) today – all while not having to wait for older modules to be re-written or having to limit yourself to one particular module format or package manager. In other words, you shouldn’t have to care from where a package comes and in what format it’s being provided. The ideal, and yes we have arrived, is to just use ES6 modules and let a tool like jspm.io sort out all of the ugly details as it pertains to non-es6 modules from multiple endpoints. Not to mention, by using jspm (and a ES6 transpiler like traceur or Babel) you get most everything that ES6 offers, not just modules. Writing ES6 code in your ES6 modules sounds good, right!
|
Scoop.it!
How to improve your Ember-CLI app's tests with Sinon.js for both QUnit and Mocha frameworks.
Scoop.it!
Scoop.it!
Scoop.it!
Scoop.it!
From
meteor
Meteor Toys are a set of development tools designed to work specially for the Meteor.js framework. They help you develop and debug faster by automating repetitive steps.
Scoop.it!
From
github
nuclear-js - Reactive Flux built with ImmutableJS data structures. Framework agnostic. NuclearJS is not a side-project, it's used as the default Flux implementation that powers all of Optimizely. It is well tested and will continue to be maintained for the foreseeable future. Our current codebase has over dozens of stores, actions and getters, we even share our prescribed method of large scale code organization and testing strategies.
Scoop.it!
SocketCluster is an open source, multi-process realtime engine for Node.js. You can build entire applications on top of it or you can use it alongside existing systems written in other languages. SC supports both direct client-server communication (like Socket.io) and group communication via pub/sub channels. SC is designed to scale both vertically across multiple CPU cores and horizontally across multiple machines/instances (via pub/sub channel synchronization).
Scoop.it!
M. David Green demonstrates how you can start thinking functionally in JavaScript, by refactoring some all-too-common imperative code to a functional style. Functional JavaScript doesn’t have to take over an entire project in order to add value. Learning a little about the functional approach can help guide some of the decisions you make as you build your projects, regardless of the way you prefer to structure your code. Learning some functional patterns and techniques can put you well on your way to writing cleaner and more elegant JavaScript regardless of your preferred approach.
Scoop.it!
Cerebral is a framework. It provides concepts for handling application state and depends on React for its UI. Routing, http requests etc. are separate tools you choose based on what the project needs. Technically Cerebral does not need React to work. So why would you even consider Cerebral? Before going into the thoughts behind Cerebral I want to point out that this is not another “FLUX framework” with its own take on actions, dispatchers and stores. I am certainly not talking down those frameworks, many of them are really great, but Cerebral is a new take on how to handle application state alltogether. It is inspired by Flux and more recent solutions like Baobab. So big thanks to all the brilliant people working on tools to make web application development more fun than frustrating! Core features
Jan Hesse's insight:
Scoop.it!
Getting started with Polymer, a library to create web components, reusable packages of HTML, CSS and JavaScript. As you can see web components still has a long way to go before it’ll be supported natively by browsers and reach maturity, but luckily nothing is stopping us from already taking a look at it today. And if nothing of that rang any bells, don’t worry, it’ll become clear once we look at some examples!
Scoop.it!
From
medium
A brief journey into reactive interfaces with FRP and React.js
Daniel Leitinger's curator insight,
May 28, 2015 8:02 AM
It was overwhelming and took me in. The very granularity was the most important thing.
Scoop.it!
Creating my own component I wanted to design something simple, so I created a container to hold three radial buttons; one button for each language selection. Users now have the ability to select a radial button associated with a language (en-EN, en-GB, and es-ES), which would in turn be tied into the audio web component and change
|
