In the previous article, Clayton Anderson showed you how React Native can help you make iOS and Android apps with a shared code base, without sacrifices in quality. But what about the web? React Native for Web is intended to let you write a single app that runs in a browser using standard web technologies, or on iOS and Android as a real native mobile app. While I don’t think the project is ready for production use yet, its potential success could mark a massive change in how large multi-platform applications are built. Let’s jump in!
Read more…
ECMAScript 6 has brought hundreds of small and big improvements to JavaScript. More and more, developers are using ECMAScript 6 features, and soon these features will be unavoidable. In this tutorial, Faraz Kelhini will explore arguments and parameters in detail and see how ECMAScript 6 has upgraded them.
Read more…
Transitions between pages can enhance the experience by retaining the user’s context, maintaining their attention, and providing visual continuity and positive feedback, while also being aesthetically pleasing and fun and can reinforce branding when done well. In this article, Luigi De Rosa will create, step by step, a transition between pages. He will also talk about the pros and cons of this technique and how to push it to its limit.
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 article, Adam Simpson will cover Grunt, Gulp, Webpack and npm scripts, providing some examples of each one to get you started into task runners. Task runners can solve real problems. Adam has used them to compile different builds of a JavaScript application, depending on whether the target was production or local development, or to compile Handlebars templates. Task runners are constantly evolving and changing, and in this article Adam will try to cover the most used ones in the current zeitgeist. Happy task running!
Read more…
The theremin’s unique sound proves perfect for sci-fi soundtracks and Good Vibrations by the Beach Boys. The world is a better place. With this tutorial, Stuart Memo hopes you could see how simple getting something musical up and running fairly quickly can be. You can even use the following techniques to make a synthesizer. Stuart created a little HTML keyboard called Qwerty Hancock to help you do this very thing. Feel free to show off your own creation!
Read more…
BEM has been an absolute lifesaver for me in my effort to create applications in a modular, component-driven way. David Berner has been using it for nearly three years now, and the problems above are the few stumbling blocks he’s hit along the way. This article aims to be useful for people who are already BEM enthusiasts and wish to use it more effectively or people who are curious to learn more about it.
Read more…
Stylelint is a powerful style sheet linter. It brings clarity to code and saves you from errors. It’s useful for everyone. Once you start using it, you will hear no more comments like, “You forgot to remove it there.” in this article, Aleks Hudochenkov will show you why linting a style sheet matters, how stylelint brings order to a style sheet and how we can avoid errors. Happy developing, and may you have a peaceful code review.
Read more…
Dependencies are everywhere. They’re unavoidable. They aren’t inherently bad, but if you don’t consider the possibility a given dependency might not be met, you run the risk of frustrating your users. Reducing dependencies improves the likelihood that your site will be usable by the greatest number of people in the widest variety of scenarios. Even knowing this, however, it’s easy to overlook the most basic dependencies our projects have, undermining their resilience in the process. To illustrate this point, consider the humble submit button.
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…
