The key reason for Eric Rozell’s investigation of ChakraCore was to support the React Native framework on the Universal Windows Platform, which is a framework for declaring applications using JavaScript and the React programming model. Embedding ChakraCore in a C# application is quite easy and in this article, Eric Rozell will show you how.
Read more…
Traditionally, scaling was mostly relevant for server-side systems. As more and more users would use your application, you needed to make sure that you could add more servers to your cluster, that your database could be split across multiple servers, and so on. Due to rich web applications, scaling has become an important topic on the frontend. The frontend of a complex app needs to be able to handle a large number of users, developers and parts. In this article, Max Stoiber shares everything you need to now about React Boilerplate to get started.
Read more…
Getting an app just right, getting it to work across all possible devices, with different OS versions, display resolutions, chipsets and other hardware characteristics, and making the user experience smooth across all possible configurations, is a challenging task. In this article, Ville-Veikko Helppi will look at what’s available for testing React Native apps. He’ll explain some key features of React Native, before looking at how to implement these tests, and then he will categorize testing methods and frameworks on three levels, providing examples for each.
Read more…
In this article, Filip Bartos will share his notes about installing and configuring a critical-path performance optimization using Express and Handlebars for an isomorphic React website. This website was developed using React, running on an Express server, and it was going well, but Filip still wasn’t satisfied with a load-blocking CSS bundle. So, he started to think about options for how to implement the critical-path technique on an Express server. Throughout this article, Filip will be using Node.js and Express. Familiarity with them will help you understand the examples.
Read more…
Redux is a predictable state container for JavaScript apps. It’s an application data-flow architecture, rather than a traditional library or a framework like Underscore.js and AngularJS. It is used mostly for application state management. To summarize it, Redux maintains the state of an entire application in a single immutable state tree (object), which can’t be changed directly. When something changes, a new object is created (using actions and reducers). Today, Alex Bachuk will go over the core concepts in detail.
Read more…
In this part of the tutorial Nash Vail will start by replacing the photographer’s name with the actual wallpaper image along with proper credits. During this process you’ll learn how to link a library in Xcode, as well as more on general styling and positioning of UI elements. You will learn how to save pictures to the Camera Roll and also how to run your app on a physical device. To apply all your newly learned React Native skills there is a challenge waiting for you at the end. Just like the first part, this article has five sections. Completing each section takes us a step closer to finishing our app.
Read more…
These frameworks and the whole idea of building mobile apps with JavaScript never appealed to me, though. I always thought, why not just learn Swift/Objective-C or Java and build real apps? That definitely requires a significant amount of learning, but isn’t that what we developers do and should be good at? Quickly learn new languages and frameworks? What’s the point, then? For me, the advantages never outweighed the doubts.
Read more…
React has proved tremendously successful, both on Clayton Anderson’s own projects, and with many others around the web, including large companies like Netflix. And now with React Native, the framework has been brought to mobile. React Native is a great option for creating performant iOS and Android apps that feel at home on their respective platforms. In this article, Clayton will explain why he thinks you should consider using React Native, by providing an overview of the framework and what he believes to be its best features.
Read more…
Web applications are highly interactive, dynamic and performant, while websites are informational and less transient. This very rough categorization provides us with a starting point, from which to apply development and design patterns. In this article, Dmitry Nutels will show you examples that will get you to the point of being able to be a better judge of how, in your particular application, a server-side rendering solution should be approached. The evolution steps he’ll go through are hardly comprehensive, especially in the area of data retrieval on the server. There is a lot of additional work being done by tools and frameworks that have been inspired and enabled by React: Redux, Relay, Fluxible, Alt and so many, many more.
Read more…
In this article, Ilya Zayats will show you that, from React’s perspective, there is no difference at all in what to render. React helps to organize an application into small, human-digestible chunks. You can avoid any complex internal interactions between small components, while your application continues to be blazingly fast due to the DOM-diffing that React does under the hood. Trying to grasp what’s wrong with a graph or visualization just by looking at SVG generator templates is often overwhelming, and attempts to maintain internal structure or separation of concerns are often complex and tedious. So, can we apply the same techniques to web graphics — SVG in particular? Yes!
Read more…
