UX Design in Austin, Houston, Dallas, San Antonio
UX Design in Austin, Houston, Dallas, San Antonio
Everything about UX Design in Texas and beyond
Animating React Components With GreenSock

During the early days of the World Wide Web, things were rather static and boring. Webpages were mostly based on graphic design and layouts from the print world until animations were introduced. Animation can engage and hold people’s attention longer than a static web page and communicates an idea or concept more clearly and effectively. However, when not done right, animations can hamper user interactions with your product and negatively...

0 0
A Practical Guide To Product Tours In React Apps

As stated on Appcues: “Product tours — sometimes called product walkthroughs — introduce users to a new product and help them find their bearings.” Usually, when it needs to showcase a new feature or complex UI functionality in a web app, the customer-success team would send a campaign email to all of its users. While this is a great way to create such awareness, some users might not have the...

0 0
A Practical Guide To Product Tours In React Apps

A Practical Guide To Product Tours In React Apps A Practical Guide To Product Tours In React Apps Blessing Krofegha 2020-08-06T10:00:00+00:00 2020-08-06T14:06:43+00:00 As stated on Appcues: “Product tours — sometimes called product walkthroughs — introduce users to a new product and help them find their bearings.” Usually, when it needs to showcase a new feature or complex UI functionality in a web app, the customer-success team would send a campaign...

0 0
Understanding Client-Side GraphQl With Apollo-Client In React Apps

According to State of JavaScript 2019, 38.7% of developers would like to use GraphQL, while 50.8% of developers would like to learn GraphQL. Being a query language, GraphQL simplifies the workflow of building a client application. It removes the complexity of managing API endpoints in client-side apps because it exposes a single HTTP endpoint to fetch the required data. Hence, it eliminates overfetching and underfetching of data, as in the...

0 0
Understanding Client-Side GraphQl With Apollo-Client In React Apps

Understanding Client-Side GraphQl With Apollo-Client In React Apps Understanding Client-Side GraphQl With Apollo-Client In React Apps Blessing Krofegha 2020-07-29T10:30:00+00:00 2020-07-29T10:44:43+00:00 According to State of JavaScript 2019, 38.7% of developers would like to use GraphQL, while 50.8% of developers would like to learn GraphQL. Being a query language, GraphQL simplifies the workflow of building a client application. It removes the complexity of managing API endpoints in client-side apps because it exposes...

0 0
Setting TypeScript For Modern React Projects Using Webpack And Babel

Setting TypeScript For Modern React Projects Using Webpack And Babel Setting TypeScript For Modern React Projects Using Webpack And Babel Blessing Krofegha 2020-05-11T10:30:00+00:00 2020-05-11T12:00:34+00:00 In this era of software development, JavaScript can be used to develop almost any type of app. However, the fact that JavaScript is dynamically typed could be a concern for most large enterprise companies, because of its loose type-checking feature. Fortunately, we don’t have to wait...

0 0
Implementing Dark Mode In React Apps Using styled-components

Implementing Dark Mode In React Apps Using styled-components Implementing Dark Mode In React Apps Using styled-components Blessing Krofegha 2020-04-28T10:30:00+00:00 2020-04-28T15:40:08+00:00 One of the most commonly requested software features is dark mode (or night mode, as others call it). We see dark mode in the apps that we use every day. From mobile to web apps, dark mode has become vital for companies that want to take care of their users’...

0 0
Implementing Skeleton Screens In React

Implementing Skeleton Screens In React Implementing Skeleton Screens In React Blessing Krofegha 2020-04-20T10:00:00+00:00 2020-04-20T12:34:49+00:00 Spinners and loaders have traditionally been the way to tell users that content is going to take a while to load. While this approach is great, it’s quickly becoming obsolete in modern development. Skeleton screens are becoming the perfect replacement for traditional loaders because they focus on progress rather than wait times, hence reducing loading-time frustration....

0 0
Building A Web App With Headless CMS And React

Building A Web App With Headless CMS And React Building A Web App With Headless CMS And React Blessing Krofegha 2020-04-01T11:30:00+00:00 2020-04-01T14:46:03+00:00 In this tutorial, you’ll learn what Headless CMS is, and the pros and cons of Headless CMS. In the end, youll have built a shopping cart using GraphCMS (a (backend-only content management system). After that, you can go ahead and build any web app of your choice using...

0 0
Setting Up Tailwind CSS In A React Project

Setting Up Tailwind CSS In A React Project Setting Up Tailwind CSS In A React Project Blessing Krofegha 2020-02-24T11:00:00+00:00 2020-02-24T13:35:59+00:00 In the dispensation of CSS libraries and frameworks, a ton of awesome libraries have been built to simplify the work of a developer in the quest to create intuitive interfaces. However, quite a lot of them (Bootstrap, Foundation) impose design decisions that are difficult to undo; they come with predefined...

0 0