Get Started for FREE
Sign up with Facebook Sign up with X
I don't have a Facebook or a X account
 Your new post is loading...
Your new post is loading...
Scoop.it!
When unit testing React components the common approach has been to render them into a DOM (with something like jsdom) and run some assertions against them with the help of the React TestUtils. This has changed in 0.13 where an early implementation of shallow rendering is now ready to use. 
No comment yet.
Sign up to comment
Scoop.it!
Ben Nadel challenges the idea of immutable data in ReactJS and thinks about why it's a value-add in some cases and why it's just overhead in other cases.
Scoop.it!
On the Web, Amazon’s search supports progressive, faceted search refinement and exploration as one of its primary goals for the search process. As Peter Morville said in his brilliant book, Search Patterns, “Faceted navigation … helps us learn. Search becomes an iterative, interactive experience where what we find changes what we seek.” For example, on the Web, a customer who starts with the keyword query Nike can narrow down the search results by category (Shoes), additional keywords (Nike Air), product type (Cross Training), and size (12).
Scoop.it!
This post will teach you how to use Ember Data with Firebase using the EmberFire addon. One of the most important things in evaluating client-side JavaScript frameworks is how easy it is to access data. Ember.js makes data retrieval and manipulation a breeze with a library called Ember Data. Ember Data provides ORM functionality that works with any backend using adapters which map operations on model objects in the frontend to the database persistence layer in the backend.
Scoop.it!
In the last part, we learnt more about the internals of Ember Run Loop. Even earlier, we met the requirements the Ember Run Loop was built for. There is nothing left for us other than examples!
Scoop.it!
A walkthrough of server-side object validation with Ember and Rails. Validating your data is important, especially when handling data on both a frontend application and a server-side application. Most forms nowadays can handle validating presence, length and complex regexes (I’m looking at you, password fields), and have matching server-side validations. In Ember CLI, there’s even a few excellent add-ons to help connect form models with useful error messaging.
Scoop.it!
TypeScript lets you write JavaScript the way you really want to Its a typed superset of JavaScript that compiles to plain JavaScript. Any browser. Any host. Any OS. Open Source. Enjoy writing JavaScript.
Richard Lasjunies's curator insight,
September 5, 2015 3:04 AM
It's little bit outdated (ts 1.4) but it's interesting to hear about true experience.
Arik Grinstein's curator insight,
September 5, 2015 7:00 AM
I really like TypeScript but calling it the Silver Bullet for the full stack developer is a bit excessive in my opinion. What do you think?
Scoop.it!
It’s likely you struggle getting the “big picture” if you just started with Ember. But even if you do have some experience, even after reading many blogs and perusing the official guides, there are times when you can’t wrap your head around its architecture. Templates, routes, views, controllers, models, components… they’re still confusing and require clarification. What logic belongs where? What’s the relationship between them? What’s more, things have been shifting a lot recently. You find a months-old article on the Web and become skeptical of its currency as that advice may no longer be relevant.
Scoop.it!
In this video will learn how to work with JSON data indirectly through a Falcor Model. The Falcor Model allows you to work with data using the same familiar ...
Scoop.it!
JSX support has officially landed in TypeScript! A big thanks to Ryan Cavanaugh and François de Campredon for making this happen. In this post I want to explore how to use JSX and how to make use of TypeScript's #1 feature: static type checking.
Scoop.it!
Like many, my initial reaction to React’s JSX was skeptical, to say the least. And while I’ve come to love JSX, anytime I introduce it to a new developer, I feel like I’m showing off my ugly baby.
Scoop.it!
Exploring MV*, user interfaces, unidirectional dataflow, reactive and functional programming
Scoop.it!
The new direction Angular 2.0 is taking created a lot of discussion in the community. Some people love it, some people hate it. Most people agree there is room for simplification, performance enhancements and native support of new language features. Not everyone likes the way Angular 2.0 is picking these up though. There is an alternative direction: Aurelia. In this talk, we'll do a side-by-side comparison and have the audience answer the question: Should you keep all your eggs in the Angular basket?
|
Scoop.it!
The goal of this project/tutorial to not only get someone's projected started but to clarify the process behind an isomorphic app. (It should not be used in production without setting up several other things. Please see the Next Stepssections). IsomorphismThe main idea behind an isomrophic app is that instead of bundling all your React code into a single bundle (and then using something like <script src="bundle.js"> in a bare bones html page), you run a Node.js server that serves the files for you. The main advantage to running the Node server is that you can render the React app server side, and simple display that rendered string to the user when they first visit the page. When the user visits the page, that rendered string gets overwritten after the bundle is downloaded and then the React app runs like normal.
Scoop.it!
When any JavaScript code is executing, it needs some place to store its local variables. Let's call this place as a scope object (some refer to it as a LexicalEnvironment). For example, when you invoke some function, and function defines local variables, these variables are saved on the scope object. You can think of it as a regular JavaScript object, with the notable difference that you can't refer to the whole object directly. You can only modify its properties, but you can't refer to the scope object itself.
Scoop.it!
Generators are a new feature in ES6. You declare a generator function which returns generator objects g that can then be iterated using any of Array.from(g), [...g], or for value of g loops. Generator functions allow you to declare a special kind of iterator. These iterators can suspend execution while retaining their context. We already examined iterators in the previous article and how their .next() method is called once at a time to pull values from a sequence.
Scoop.it!
Erik Bryn - Ember.js Core Team Erik has been helping companies like Netflix, Mozilla, Square, Zendesk, Zoho and LiveNation to build and optimize their Ember ...
Scoop.it!
A high-level introduction to testing in EmberJS. This talk explains the difference between unit, integration and acceptance tests, when to use each and how to get started with ember-cli-mocha.
Scoop.it!
Deploying your Ember application can be tricky, and slow if it is tied into your backend, Feifan Wang talks tools and strategies for lean JavaScript app deployment in the context of Rails and Ember.
Scoop.it!
I wanted to get TypeScript working on an Ionic project that I am starting, but couldn’t find a decent resource that helps you get TypeScript working with Yeoman generated Ionic project. So I thought i’d put down a few steps that will be useful for anyone who might need it.
Scoop.it!
In this three-part tutorial series we’ll be building an Etsy clone with Angular and Stamplay. Stamplay is a great development service that handles much of the server and API based stuff for developers. This means you as a developer can focus on the things that matter most to your users; things like user interface, interactions, […]
Scoop.it!
WebRx is a browser-based MVVM-Framework that combines functional-reactive programming with declarative Data-Binding, Templating and Client-Side Routing. The framework is written in Typescript and built on top of ReactiveX for Javascript (RxJs) which is a powerful set of libraries for processing and querying asynchronous data-streams that can originate from diverse sources such as Http-Requests, Input-Events, Timers and much more.
Dan Mendes's curator insight,
September 1, 2015 4:03 AM
The reactive model continues to gain traction
Scoop.it!
Most modern front-end JavaScript frameworks provide some sort of support for component based development. This is an incredibly important step in the direction of development for the web. Components provide a way to write small parts with a consistent API that can easily be orchestrated as part of a larger screen, application or system. Component based development isn’t just the future of the web, though. It’s what you should be doing now, in any modern UI / application framework on the web.
Scoop.it!
This week community member Ryan Chenkie shows us how to implement JWT Authentication in Aurelia. Ryan is a full-stack developer from Canada who works for Auth0 as a Tech Writer where he provides in-depth tutorials and seed projects for the newest frameworks such as Angular 2, React, and Aurelia as well as other modern web technologies.
Scoop.it!
A short while ago, our team had to choose a technology for Wix's flagship product, the html wysiwyg website editor. It is a large single-page application, with complex flows, communication with other iframes and servers, and a lot of user experiences. This product is developed by more than 40 developers. The choices were ReactJS or AngularJS. We had experience with both, and were struggling between the ease-of-use of Angular declarative programming and the simplicity of React. We started a proof of concept that ultimately drove us to form a tie breaker. This article is about the comparison… and the tie breaker.
|
