Posts

Getting started with React Hooks

Image
React Hooks came into production with React v16.8 and it has completely changed the way we were thinking and using React. React Hooks enables us to build components using the functional approach instead of an object-oriented (classes) approach. So the big question here is – What is React Hooks and why is everyone so excited about them. But before we discuss what React Hooks actually are, it is very important to understand the challenges that we are currently facing with React and how Hooks can help us solve these challenges. For a deeper understanding, you can check out the official docs on React Hooks . Challenges in React Challenge 1 – Hard to reuse stateful logic between different components In React, it is very hard to reuse stateful logic between different components. React does not offer a way to attach reusable behavior to a component. So if you have worked with React, you do understand things like higher-order components or render props to help solve this iss...

How to develop apps for foldable phones?

Have you ever considered carrying your tablet in your pocket? Sounds pretty uncomfortable, Right? Well, now you can. On the off chance that you have been living under the stone and simply found out about it at this moment, then you need to check out this video from Samsung keynote – But before Samsung announced anything about its foldable device, Google announced its support for foldable screens. Google’s representative Dave Burke described the foldable experience as “Screen Continuity” where the application experience transfer between bigger and smaller screens seamlessly.  - Samsung announces Samsung Galaxy Fold followed by Huawei Mate X Samsung has unveiled it’s highly anticipated Galaxy Fold device. Normally, it’s a 4.6-inch screen that can easily fit in your pocket but it unfolds like a book into a 7.3-inch display. The screen of the device is made from a composite polymer rather than the traditional glass screens. According to Samsung, it is an active-matrix li...

Unit Testing in React using Jest and Enzyme

Image
According to Michael Feathers – “Any code that has no tests is a legacy code”. So as a developer it is your duty to avoid creating legacy code by using test-driven development (TDD) . There are many tools available for unit testing in ReactJS but we will be going through Enzyme and Jest . What is Test-Driven Development (TDD)? Test-Driven Development (TDD) is a programming practice which enables developers to write code only if an automated test has failed thereby avoiding duplication of the code. The primary aim of TDD is to write code which is clearer and bug-free. As a developer, you need to write tests for every small functionality of the application. It is a cyclic process and each cycle starts by writing a unit test. Test-Driven Development can easily be compiled in 4 easy steps – 1. Write a test – First, you are going to write a test for every possible challenge. 2. Run the test – Write the minimum code required to pass the test. 3. Re...
Image
Progressive Web Apps — The business perspective Progressive Web Apps (PWA)  has come a long way, and now it is being adopted by the world’s largest companies such as Google, Uber, Twitter, Starbucks, etc. To keep up with the pace of fast-changing market scenarios, PWAs are proving to be a very useful approach instead of going for  native app development . Most of the businesses are asking this question — What exactly is PWA and how can I use PWA for my business? So, what exactly is PWA? A PWA is a web app that can be installed on a user device while bypassing the  Google Play Store  and  Apple App Store  and can be used offline. It helps businesses to reduce the overall development cost and maximize engagement with their users. Progressive Web Apps  uses progressive enhancements that offers features similar to a  native  mobile application . Progressive Web Apps and Android Instant Apps combined together lets you cre...

Magento 2.3 – Everything You Need To Know

Image
During the Imagine 2018 conference back in April, Magento announced the release of Magento 2.3 by the end of 2018. After much of a wait, Magento has released the Magento 2.3 on November 28, 2018. It has been almost a year since the last major release of Magento 2.2 but Magento 2.3 has brought a ton of new core features with a lot of smaller optimizations. 11 New Features Magento 2.3 Introduced Magento 2.3 introduces tons of new core features such as – Progressive Web App (PWA) Studio GraphQL Support Declarative DB Schema Asynchronous and Bulk Web API Elasticsearch PHP 7.2 Support Multi-Source Inventory (MSI) WYSIWYG Upgrade Page Builder Cache-Management Google reCAPTCHA and Two Factor Authentication Let’s have a closer look at them. Progressive Web Applications (PWA) Studio What are Progressive Web Applications (PWA)? Progressive Web Applications (PWA) is the future of web app development . PWA with Android Instant Apps is the next advancement in w...

Exploring the future of mobile app development

Image
The birth of gadgets like smartphone, tablets, smartwatches has led to an explosion of developers and freelancers working in the mobile app development industry. Mobile App Development Industry is continuously broadening and emerging. According to recent statistics, it is clear that there are more than 2.5 billion smartphones in the world and this figure is likely to reach 2.87 billion by 2020. In 2017, there were 178.1 billion downloads of apps worldwide and this figure is projected to reach 258.2 billion in 2022. Mobile app development is certainly witnessing active growth every year. Right now the app industry is being dominated by social media and gaming apps. Apps, be it an iOS app or an Android app, have become a necessity for all mobile users. With apps becoming such a significant part of everyone’s life, it is easy to wonder about the future that lies in store for mobile apps. The fact is that mobile apps, like any other technology, will be driven by advancem...