Why Progressive Web Apps Are The Future Of Web Development

  • 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”

Building Native Mobile Apps with React Native

Building Native Mobile Apps with React Native |

  • 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 beauty of React Native is that it allows developers to build native apps using JavaScript and React.Its main theme lies on utilizing the power of React in native 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.

React Native is providing Real Native experience for different OS platforms. It allows developers to build native apps using JavaScript and React.
Continue reading “Building Native Mobile Apps with React Native”

React Native Payments: Bringing the Payment Request API to React Native // Speaker Deck

  • 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”

No KISS for CSS-in-JS – Ivn Cote – Medium

No KISS for CSS-in-JS  #javascript #frontenddevelopment #css #react #reactjs

  • 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.
  • CIJ combines this concept with inline style paradigm of putting all the CSS rules along with their logic right into javascript file.
  • 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 Study – Mark Pinero – Medium

Navi Case Study: What you can learn from building a full-stack #ReactJS app

  • 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”