Routing in React allows you to navigate between different views or pages in a single-page application (SPA) without the need for page reloads. There are several libraries available for handling routing in React, with React Router being the most popular choice. Below, I’ll outline how to set up routing using React Router: 1. Install React… Continue reading Routing in React
Month: February 2024
How to make Show and hide password eye icons dynamically set for position for any dimension of input field.
The eye icon for Show and hide password can be made dynamically set to specific position to any dimention of input field so that we can reuse the same code everywhere.
Creating the new Personalization Option for Colored and Non-Colored personalization for Liquid Pixel products
<div class=”pdp-order-wizard-promocodeform pdp-toggle-options personalizeType” id=”pdp-order-wizard-promocodeform-personalize”> <div class=”pdp-order-wizard-promocodeform-expander-head” id=”pdp-order-wizard-promocodeform-personalize-main” data-section=”personalizeType”> <a class=”pdp-order-wizard-promocodeform-expander-head-toggle collapsed” data-toggle=”collapse” data-target=”#{{#if quickview}}in-modal-{{/if}}pdp-order-wizard-promocode-personalize” aria-expanded=”false” aria-controls=”pdp-order-wizard-promocode-personalize”> {{translate ‘1. Personalization Information’}} … Continue reading Creating the new Personalization Option for Colored and Non-Colored personalization for Liquid Pixel products
CONCAT function to join two fields and character ‘&’ in between
Navigate to Lists > Search > Saved Searches Search Type: Click Case Search Title: Enter Title Click Results Click Columns Field: Select Formula text Formula Enter: {fieldidAAA} || ‘&’ || {fieldidBBB} Click Add
Towards Ethical Design Practices
As stewards of user experience, designers have a responsibility to prioritize ethical considerations in their work and strive for transparency, fairness, and respect for user autonomy. Adopting ethical design principles not only safeguards users’ rights and well-being but also fosters trust and loyalty, ultimately benefiting businesses in the long term.
Ethical Implications
The pervasive use of dark UX strategies raises serious ethical questions for designers and businesses alike. By prioritizing short-term gains over user trust and satisfaction, organizations risk damaging their reputation and eroding customer loyalty in the long run. Moreover, the manipulation of users’ decision-making processes can have broader societal implications, contributing to a culture of… Continue reading Ethical Implications
List of data using SuiteQl
Use “N/query” Module /** * Retrieves a list of records based on the provided record ID. * It constructs and executes a SuiteQL query to fetch records from the specified record type. * @param {string} recordId – The ID of the record type from which records are to be fetched. * @returns {Object[]} – An… Continue reading List of data using SuiteQl
Examples of dark UX patterns include
Misleading Information: Presenting false or deceptive information to users to encourage them to take a desired action, such as making a purchase or subscribing to a service. Forced Continuity: Making it difficult for users to cancel subscriptions or opt out of services, leading to unintended charges and frustration. Nagging Notifications: Bombarding users with incessant notifications… Continue reading Examples of dark UX patterns include
Understanding Dark UX Strategies
Dark UX strategies encompass a range of techniques aimed at influencing user behavior in ways that may not always align with their best interests. These strategies typically exploit cognitive biases and psychological vulnerabilities to steer users towards actions that benefit the product or service provider, often at the expense of user autonomy and well-being.
Styling and Optimization in React
Styling and optimization are important aspects of building React applications to ensure good performance and a pleasant user experience. Here are some tips and techniques for styling and optimizing React applications: Styling: 1. CSS-in-JS Libraries: – Use CSS-in-JS libraries like styled-components, Emotion, or CSS modules for writing component-scoped styles. – These libraries offer a more… Continue reading Styling and Optimization in React