Hosting your React application with AWS Before we get started we need a couple of things set up on your computer Node 8.x environment installed on your computer This is the runtime environment for Javascript application servers. It follows with the node package manager (NPM). NPM is used to install node packages such as React,…
Building a Dynamic, Controlled Form with React React makes building UI’s in JavaScript easy, but some things can still be a bit tricky to wrap your head around, things like dynamic forms. A dynamic form is one where the user is able to decide how many inputs there should be. For this code along, we’re…
Connecting to AWS S3, Uploading and Retrieving Files from AWS S3 Steps to upload images in AWS S3 buckets: First, you need to install the following libraries to your project using either npm or yarn. Here are links to each of them on npm npm i aws-sdk npm i react-native-image-picker npm i base64-arraybuffer npm i…
Redux Saga – How to make real good things with generators What Is Redux Saga? Redux Saga is a library that’s used as a middleware for Redux. A Redux middleware is code that intercepts actions coming into the store via the dispatch() method and can take perform tasks based on the action received. Sagas watch…
Javascript vs Typescript Before we compare javascript and typeScript, get into details about TypeScript, let’s just settle one thing. In terms of popularity, the efforts of Microsoft developers definitely paid off. According to the latest State of Frontend 2020 report, TypeScript popularity couldn’t be doing better. Not only do frontend developers believe that JavaScript will…
life-cycle methods into functional components and hooks. If you started using React with the class components and are not comfortable with this transformation, this tutorial is just for you. For sake of organization, here are the topics I will be going over. Life-cycle Methods Life-cycle methods might look a little bit trickier compared to what…
React vs Angular We will be comparing two most popular frameworks for web development in 2020 and we take following aspects to conclude which one is better : ● How mature is it and who’s behind it? What kind of features does it have? ● What architecture, development paradigms, and patterns does it employ? ●…
Unity Integration in React Native With varying needs, React Native implementations growing leaps and bounds, it is very important integrate cross platforms Can we integrate a Unity Project in to a React Native project? Yes, We can integrate Unity in to React using Native Components for both iOS and Android. So, that we can use…
React Redux Redux is a predictable state container for JavaScript apps. It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. … You can use Redux together with React, or with any other view library. Advantages Of Redux: Following are some of the major…
React Hooks What is a Hook? Hooks are a new inclusion in the React 16.8. Hooks allow us to utilize the react features without the help of the class. Hooks give API to the React Principles like state, props, refs, etc. Hooks can also blend the principles of react. Need for Hooks When you need…