- Technologies usedNode.js for backend API (not be covered in this article)Used platform features: – Push notificationsIn App purchases (renewable subscription)Development environmentReact Native provides nice level of abstraction on top of native mobile platforms and allows us to share almost whole application codebase across different platforms.
- Here we have usual files for redux based application as “actionCreators”, “actions” and “reducer”i18n.calendar.ts and i18n.ts — translations for calendar and app entry point for both applications (Android and iOS)index.ios.tsx and index.android.tsx — platform specific entry point for react native cache invalidator for “redux-persist” module.Introducing typescriptI found a nice article about adding typescript in…
- Now my build command looks like this: – “build”: “npm run clean npm run png npm run tsc — “Introducing paymentsYou can play with react native and iOS but if you need to introduce in app purchases or push notifications into an application you need to buy apple developer account.
I moved to Berlin a year ago and faced quite unusual challenge. Every time when you need to interact with your local Administrative Office you have to get an appointment. And this is the issue…
Continue reading “React Native — from scratch to App Store – Peshkin Kirill – Medium”
- At its core, a Progressive Web App (PWA) is simply a web application that uses modern web techniques to deliver a native app-like experience to users.
- These are web applications with progressive enhancement to implement features like caching, background sync, and push notifications.Even though PWAs have been around for more than two years now, the response is quite underwhelming.
- The best part about PWAs — you get the best user experience possible in slow connectivity as well as no connectivity (yep , you read it right.
- The cost can get much higher if you plan to develop and maintain separate code bases for different platforms like Android, iOS and the web.Native App features that PWAs can usePush notificationsFull ScreenOffline workingSplash screen is supported giving it a more app like feelPWAs can make use of many more such…
- However, there are some traditional features that only native apps enjoy as of now.Native App features that PWAs can’t use as of nowNo or highly restrictive access to different hardware sensorsAlarmsPhonebook AccessModfiying System SettingsPWAs are evolving quite fast and we can hope to see these features come to action pretty soon.Two…
Lately, there’s been a lot of buzz around PWAs with many claiming it to be future of web development, especially in terms of mobile devices. At its core, a Progressive Web App (PWA) is simply a web…
Continue reading “Why Progressive Web Apps Are The Future Of Web Development”
- It’s been tough for developers to create native apps in different OS platforms.
- Moreover, developing the native apps for different platforms requires skill sets and experience pertinent to the OS platform.
- As a result, React Native is making progress by providing Real Native experience for different OS platforms.
- The most useful features of React Native are the capability to write source code only in React Native, and the ability to compile it on various OS platforms.
Continue reading “Building Native Mobile Apps with React Native”
- What if I told you that accepting payments in mobile apps could be easy and that you could use a single API to accept payments across three different platforms?
- In this talk, we’ll learn about the Payment Request API, a new W3C standard that dramatically simplifies accepting payments on the web, and how we can use React Native Payments to leverage it in our mobile apps.
What if I told you that accepting payments in mobile apps could be easy and that you could use a single API to accept payments across three different platforms? In this talk, we’ll learn about the Payment Request API, a new W3C standard that dramatically simplifies accepting payments on the web, and how we can use React Native Payments to leverage it in our mobile apps.
Continue reading “React Native Payments: Bringing the Payment Request API to React Native // Speaker Deck”
- On top of that, CIJ tangles and confuses the many aspects of frontend development, thus contradicting the KISS principle and the UNIX design principle of making single purpose tools (programs).
- Even more: despite the fact that CIJ is only a subset/superset of CSS, CIJ advocates like Mark Dalgleish tell us that the approach will solve problems across platforms, not only in web.
- When Glen tells us that the critical CSS issue is magically solved by CIJ, I start thinking that this specific problem is only a small piece of the huge puzzle called web performance.
- Of course, CIJ could be a substitution for CSS on non-web platforms, but it underlines mainly the problem of these specific systems.
Disclaimer: This article is very opinionated. Please use whatever you want. I highly advise you to employ different techniques for different applications, so you can compare them on real use cases…
Continue reading “No KISS for CSS-in-JS – Ivn Cote – Medium”
- Navi Case StudyWhat I learned from building a full-stack React appThe initial idea I came up with was a meditation app that scored you based on how long you meditated each time.
- Using Navi, the character from the Legend of Zelda: Ocarina of Time, I began with a concept of something guiding you to a better life.
- The initial prototype worked, albeit performed poorly.Developing the API was very straight-forward since I have written it many times.
- My initial prototype rendered equal weeks per year, but leap years ruin the implementation.
- Implementing the initial design first would have sped up development by at least a week.Takeaways:Start with an initial design first, implement, then iterate.Server-side rendering for improved SEO and hard links.Create better algorithms, quick sort due to likely random user input, for user data functions.
The initial idea I came up with was a meditation app that scored you based on how long you meditated each time. Using Navi, the character from the Legend of Zelda: Ocarina of Time, I began with a…
Continue reading “Navi Case Study – Mark Pinero – Medium”