GreenSock Animation Platform (GSAP) is a set JavaScript functions that let you tween a value/attribute/CSS property over time and insert these tweens into a timeline for more complex animations. In this article, Blessing explains how GSAP plays well with the React library by integrating its functions into a React component in building an example landing page with a variety of animations.
Read more…
MobX is a battle-tested library that makes state management simple and scalable by transparently applying functional reactive programming. It treats your application like a spreadsheet, and it’s one of the many state management tools available to React developers. In this tutorial, Fortune Ikechi is going to show you how to use MobX to manage state in React Native applications by building a React Native application to see how this is done.
Read more…
The mobile web has definitely improved from where it was just a couple years ago. When it comes to the mobile user experience, are mobile websites all that bad? You hear so much about the benefits of building a dedicated native app, but that can become an incredibly costly gamble if users don’t take to it. That said, is the progressive web app the best choice? And will it eventually replace the mobile web and native apps? In this article, Suzanne Scacca explores this idea.
Read more…
Throughout this tutorial, Ahmed Bouchefra introduces Angular Router and how you can use it to create client-side apps and Single Page Apps with routing and navigation. You will see how to use the Angular Router to add routing and navigation into our application. Also Ahmed will take a look at different concepts like the Router outlet, routes, and paths and we created a demo to practically show the different concepts. You can access the code from this repository.
Read more…
Progressive web applications (PWAs) are more of a methodology that involves a combination of technologies to make powerful web applications. In this article, Ankita Masand will look at the pain points of users who are browsing old non-PWA websites and the promise of PWAs to make the web great. You’ll learn most of the important technologies that make for cool PWAs, like service workers, web push notifications and IndexedDB.
Read more…
A Progressive Web App or PWA is a web application that has a set of capabilities which provide an app-like experience to users. PWAs need to meet a set of essential requirements. PWAs are similar to native apps but are deployed and accessible from web servers via URLs, so you don’t need to go through app stores. Throughout this tutorial, Ahmed Bouchefra will be using Angular 6 to build a Progressive Web Application, step by step, implementing the core tenets of PWAs using Angular CLI v6.
Read more…
WordPress can work as an excellent back-end platform for your next native app, especially if it is content-driven or an online shop. In this article, Muhammad Mushin will show you the foundations for building mobile apps with React Native and WordPress. You will learn how to build an e-commerce application for iOS and Android using the WooCommerce platform as your backend. This would be an ideal starting point for anyone willing to get into native cross-platform development.
Read more…
Not all developers are aware of how useful React Native actually is. Here are some tips on how to create an audio and video recording app by using Expo development tools. In this article, Oleh Mryhlod will share some insights about the high-level capabilities of React Native and the products you can develop with it in a short period of time. By the end of this guide, you should have all the necessary knowledge to create video/audio recording functionality with React Native. Let’s get into it.
Read more…
Deciding to build a PWA or a native app should be based on the needs of the specific project, not hype. With Progressive Web Apps (PWAs) encroaching on native development’s turf, Aaron Gustafson thought this might be a good time to step back and take stock of these two approaches to building products. In this article, Aaron walks you through the pros and cons of each approach to help you arrive at an informed decision.
Read more…
Back in 2007, the world met the iPhone for the very first time. After Apple’s product debut, it took less than six months for work to begin on PhoneGap, which would become one of the first and most adopted frameworks for hybrid mobile app development — that is, for apps written simultaneously for multiple platforms using HTML, CSS and JavaScript, rather than coded in native languages.
When compared with the prospect of learning an entirely new language and development environment in order to program iOS (and soon Android) apps, the appeal of this type of development to the already huge population of web developers in the world was palpable.
Read more…
