Tag: React
-
How to create a great user experience with React, TypeScript, and React Testing Library
Posted on September 23, 2020, Level intermediate Resource Length long
This post is my attempt to illustrate a Proof of Concept (PoC) author built to try out some ideas. Primarily author wanted to understand more about how to create great product experiences. By TK.
Tags ux web-development tdd app-development react javascript javascript
-
Generating TypeScript types and React Hooks based on GraphQL endpoint
Posted on August 15, 2020, Level intermediate Resource Length short
Autogenerate Typescript types and custom React hooks in React applications with GraphQL Code Generator. Danilo Woznica.
Tags react web-development javascript app-development
-
How I created a coronavirus tracker app in just 3 days with Ionic and Firebase
Posted on June 8, 2020, Level intermediate Resource Length long
Kapil Raghuwanshi creted this tutorial for any fun of hybrid mobile apps. He is really fond of Hybrid App technologies -- they help us achieve so much in a single codebase. Using the Ionic Framework, author developed a cross-platform mobile solution for tracking Coronavirus cases in just 3 days.
Tags app-development react javascript open-source android ios
-
Learn React Hook by building a simple blog app
Posted on April 16, 2020, Level beginner Resource Length long
React is a popular JavaScript library developed by Facebook for building user interfaces. It uses the concept of Virtual DOM to render Elements into the browser DOM because it is a popular belief that manipulating the browser DOM directly can be very slow and costly. By Temitope.
Tags react web-development javascript
-
React Hooks, TypeScript and Redux for React Native
Posted on April 5, 2020, Level intermediate Resource Length short
Fernando Amezcua put together this tutorial how to implement React Hooks creating the example project. React Hooks, TypeScript and Redux for React Native, and author is going to add testing for React Native.
Tags react web-development programming
-
Building a minesweeper game using React Hooks
Posted on March 17, 2020, Level intermediate Resource Length long
Author of this blog post will share his experience and learnings with a project to improve my knowledge of the most significant ReactJS feature in recent time -- hooks. Tutorial is about building Minesweeper clone. TypeScript was also used. By Ivaylo.
Tags programming javascript react ux
-
User authentication with Amplify in React Native and Expo app
Posted on March 16, 2020, Level intermediate Resource Length long
AWS Amplify is a fantastic framework that helps you develop your web or mobile applications quickly. By Aman Mittal.
Tags react javascript web-development app-development infosec
-
Understand RxJS Subjects
Posted on March 11, 2020, Level beginner Resource Length medium
If you are an Angular developer there is no way you missed RxJS Observables but you might be less familiar with Subjects. Even though they are less frequent than simple Observables, they are extremely useful. Understanding them will help you write better, cleaner reactive code. By Dornhoth.
Tags web-development react javascript
-
Successfully porting complex data-driven frontends to React with GraphQL
Posted on January 25, 2020, Level intermediate Resource Length short
When porting existing code to React, there is a couple of things to look out for. This article shares my experience while porting a section of a Rails app to React and consuming data through GraphQL. By Neel Barthel.
Tags react nodejs javascript apis web-development
-
Build a simple blog using Axios with React
Posted on December 26, 2019, Level beginner Resource Length short
In this article, we are going to learn how to use Axios with React to make API requests and also how to handle the response. We'd learn this by building a simple blog using a fake API server. By Dillion Megida.
Tags react web-development programming how-to apis
-
Profile a React app for performance
Posted on September 22, 2019, Level intermediate Resource Length medium
Kent C. Dodds wrote this piece about how to use the React DevTools and React's profiling build to properly profile a production app.
Tags react javascript web-development
-
A deep dive into Hot Module Replacement with Webpack
Posted on September 2, 2019, Level intermediate Resource Length short
An article by Stanimira Vlaeva about Hot Module Replacement with webpack. webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser.
Tags web-development javascript react nodejs app-development