# Latest **URL:** https://forum.kirupa.com/latest.md?page=94 [Latest](https://forum.kirupa.com/latest.md) · [Categories](https://forum.kirupa.com/categories.md) **Page:** 95 --- ## [Bookmark app and React](https://forum.kirupa.com/t/bookmark-app-and-react/643550)
**Author:** [@Christopher-Xavier](https://forum.kirupa.com/u/Christopher-Xavier)\ **Replies:** 2\ **Last updated:** [July 21, 2020, 9:04am UTC](https://forum.kirupa.com/t/bookmark-app-and-react/643550 "2020-07-21T09:04:09Z")
Im trying to get my event listener to start my process of using my Api to load the store and import --- ## [Looping Through an Array](https://forum.kirupa.com/t/looping-through-an-array/643607)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [July 19, 2020, 4:00pm UTC](https://forum.kirupa.com/t/looping-through-an-array/643607 "2020-07-19T16:00:23Z")
This is a companion discussion topic for the original entry at https://www.kirupa.com/javascript/looping\_through\_array.htm --- ## [When saving data(array of objects) in React.State/ LocalStorage using ReactHooks, facing an error](https://forum.kirupa.com/t/when-saving-data-array-of-objects-in-react-state-localstorage-using-reacthooks-facing-an-error/643580)
**Author:** [@Umair\_Ashraf](https://forum.kirupa.com/u/Umair_Ashraf)\ **Replies:** 2\ **Last updated:** [July 17, 2020, 12:33am UTC](https://forum.kirupa.com/t/when-saving-data-array-of-objects-in-react-state-localstorage-using-reacthooks-facing-an-error/643580 "2020-07-17T00:33:53Z")
i am looking to save the customer product selection in basket and to avoid the effect of refesh of page i am also saving the customer selection to local storage, i am use spread ....prevItems and using window.localSt… --- ## [Trouble With Nested For Loops](https://forum.kirupa.com/t/trouble-with-nested-for-loops/643581)
**Author:** [@John\_Stern](https://forum.kirupa.com/u/John_Stern)\ **Replies:** 5\ **Last updated:** [July 16, 2020, 5:39pm UTC](https://forum.kirupa.com/t/trouble-with-nested-for-loops/643581 "2020-07-16T17:39:34Z")
--- ## [JS Tip of the Day: Async Generators](https://forum.kirupa.com/t/js-tip-of-the-day-async-generators/643582)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [July 16, 2020, 3:56pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-async-generators/643582 "2020-07-16T15:56:09Z")
Async Generators Version: ES2018 Level: Advanced Normally, when next() is called in an iterator, it returns a result object (an object with value and done properties). This is by design as part of the iterator protoc… --- ## [kirupa.com - Creating A Button in Flash 5](https://forum.kirupa.com/t/kirupa-com-creating-a-button-in-flash-5/643573)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 1\ **Last updated:** [July 16, 2020, 6:25am UTC](https://forum.kirupa.com/t/kirupa-com-creating-a-button-in-flash-5/643573 "2020-07-16T06:25:29Z")
Adding A Button Unlike regular HTML, buttons are more than just simple navigation interfaces. In Flash, any object can be a button. Buttons not only provide feasible methods of taking the user to another page, but … --- ## [Trouble With While Function](https://forum.kirupa.com/t/trouble-with-while-function/643559)
**Author:** [@John\_Stern](https://forum.kirupa.com/u/John_Stern)\ **Replies:** 2\ **Last updated:** [July 15, 2020, 3:07pm UTC](https://forum.kirupa.com/t/trouble-with-while-function/643559 "2020-07-15T15:07:10Z")
var x = 0; while(x \< 390) { textSize(20); fill(0, 119, 255); text(x,x,0); x = x + 50; } the above code is supposed to be a shorthand for the code you see below and it is supposed to give me the same result as you … --- ## [Column 80? Column 120? Other?](https://forum.kirupa.com/t/column-80-column-120-other/642721)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 10\ **Last updated:** [July 15, 2020, 12:51pm UTC](https://forum.kirupa.com/t/column-80-column-120-other/642721 "2020-07-15T12:51:46Z")
I started a new project at work last week and they have Prettier settings defined so I did my due diligence and made sure I’ve been formatting new source code files accordingly. One thing I noticed in doing so is that t… --- ## [Calculator in react using redux](https://forum.kirupa.com/t/calculator-in-react-using-redux/643561)
**Author:** [@Przemek88](https://forum.kirupa.com/u/Przemek88)\ **Replies:** 0\ **Last updated:** [July 15, 2020, 9:45am UTC](https://forum.kirupa.com/t/calculator-in-react-using-redux/643561 "2020-07-15T09:45:26Z")
I created a calculator in react. Now I would like to use the global instead of the local state - I know that this solution may not have a larger session, but I want to learn redux in this way. I prepared the action and t… --- ## [$$$ Browser Features ?](https://forum.kirupa.com/t/browser-features/643557)
**Author:** [@prg9](https://forum.kirupa.com/u/prg9)\ **Replies:** 3\ **Last updated:** [July 14, 2020, 7:53pm UTC](https://forum.kirupa.com/t/browser-features/643557 "2020-07-14T19:53:49Z")
I saw a reference to the following in a CSS-Tricks post today. “Crowd-funding prioritization of new feature implementations for web browsers.” https://www.igalia.com/open-prioritization/ What browser features are impo… --- ## [HTML Document on a Mac](https://forum.kirupa.com/t/html-document-on-a-mac/643538)
**Author:** [@John\_Stern](https://forum.kirupa.com/u/John_Stern)\ **Replies:** 9\ **Last updated:** [July 14, 2020, 7:06pm UTC](https://forum.kirupa.com/t/html-document-on-a-mac/643538 "2020-07-14T19:06:49Z")
Before I buy the book - I would like to make certain that I can use it on my iMac. So I am quoting the following from the sample version of the book that shows in iBooks - The first thing that you need is an HTML docume… --- ## [Arrays and Objects](https://forum.kirupa.com/t/arrays-and-objects/643542)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [July 13, 2020, 7:01am UTC](https://forum.kirupa.com/t/arrays-and-objects/643542 "2020-07-13T07:01:49Z")
As we have seen so far, arrays are all about making it super simple to work with collections of data. This simplicity is partly through the various properties and methods available to us. It is also through the unique wa… --- ## [JS Tip of the Day: Default Parameter Scope](https://forum.kirupa.com/t/js-tip-of-the-day-default-parameter-scope/643536)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 1\ **Last updated:** [July 12, 2020, 6:25pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-default-parameter-scope/643536 "2020-07-12T18:25:31Z")
Default Parameter Scope Version ES2015 Level: Intermediate Normally, when function parameters are initialized in a function call, they’re scoped to the function body. However, when functions use default parameters, t… --- ## [JS Tip of the Day: Undefined vs. Null vs. Nullish](https://forum.kirupa.com/t/js-tip-of-the-day-undefined-vs-null-vs-nullish/643521)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [July 10, 2020, 2:57pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-undefined-vs-null-vs-nullish/643521 "2020-07-10T14:57:23Z")
Undefined vs. Null vs. Nullish Level: Intermediate Both undefined and null are used to represent variables or properties as having no value. undefined is for properties which don’t exist or variables that have been dec… --- ## [Href use in API request and using subdomains](https://forum.kirupa.com/t/href-use-in-api-request-and-using-subdomains/643491)
**Author:** [@Umair\_Ashraf](https://forum.kirupa.com/u/Umair_Ashraf)\ **Replies:** 3\ **Last updated:** [July 10, 2020, 12:13pm UTC](https://forum.kirupa.com/t/href-use-in-api-request-and-using-subdomains/643491 "2020-07-10T12:13:14Z")
i am using Bootstrap in one of my react project and using Dropdown.Item as submenu it will fetch the desired search results and show on the browser just under the menu. as you see once i click the item it will take m… --- ## [JS Tip of the Day: Object.keys vs Array.keys](https://forum.kirupa.com/t/js-tip-of-the-day-object-keys-vs-array-keys/643508)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [July 8, 2020, 3:14pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-object-keys-vs-array-keys/643508 "2020-07-08T15:14:30Z")
Object.keys vs Array.keys Version: ES2015 Level: Intermediate Object has a static method, Object.keys(), which will return all of the enumerable, non-inherited keys of any object as an array. This can be used to easi… --- ## [Reset the useState to initial state in ReackJS Hooks](https://forum.kirupa.com/t/reset-the-usestate-to-initial-state-in-reackjs-hooks/643492)
**Author:** [@Umair\_Ashraf](https://forum.kirupa.com/u/Umair_Ashraf)\ **Replies:** 3\ **Last updated:** [July 7, 2020, 8:16pm UTC](https://forum.kirupa.com/t/reset-the-usestate-to-initial-state-in-reackjs-hooks/643492 "2020-07-07T20:16:00Z")
i have got three option buttons and basically i am looking when one button is clicked the other two will reset to default , at now it is working but i have to manually set the state of other two but i guess there migh… --- ## [I've done some changes in code of React JS book, but](https://forum.kirupa.com/t/ive-done-some-changes-in-code-of-react-js-book-but/643476)
**Author:** [@AlexGoryushkin](https://forum.kirupa.com/u/AlexGoryushkin)\ **Replies:** 4\ **Last updated:** [July 7, 2020, 4:56pm UTC](https://forum.kirupa.com/t/ive-done-some-changes-in-code-of-react-js-book-but/643476 "2020-07-07T16:56:08Z")
Hello. Sorry for my English, I’ve just learning it. I’m reading the book about React JS. Thanks a lot to Kirupa for it! In the section 10 (about React events) there is an example of counter with button “+”: If I click … --- ## [Follow the Mouse Cursor](https://forum.kirupa.com/t/follow-the-mouse-cursor/636212)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 37\ **Last updated:** [July 7, 2020, 4:47pm UTC](https://forum.kirupa.com/t/follow-the-mouse-cursor/636212 "2020-07-07T16:47:57Z")
This is a companion discussion topic for the original entry at http://www.kirupa.com/canvas/follow\_mouse\_cursor.htm :slight\_smile: --- ## [HTML page to load ini file -- CORS!?](https://forum.kirupa.com/t/html-page-to-load-ini-file-cors/640162)
**Author:** [@gNeandr](https://forum.kirupa.com/u/gNeandr)\ **Replies:** 11\ **Last updated:** [July 7, 2020, 10:53am UTC](https://forum.kirupa.com/t/html-page-to-load-ini-file-cors/640162 "2020-07-07T10:53:24Z")
For a “simple” task I used an HTML page to control some wlan devices. All worked as expected, but recently it failed because the html file at startup was loading an ini file (using XHR). Nowadys CORS stricktly came in an… --- ## [A new, experimental frontend for React inspired by SwiftUI](https://forum.kirupa.com/t/a-new-experimental-frontend-for-react-inspired-by-swiftui/643477)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 1\ **Last updated:** [July 6, 2020, 8:08pm UTC](https://forum.kirupa.com/t/a-new-experimental-frontend-for-react-inspired-by-swiftui/643477 "2020-07-06T20:08:36Z")
Saw this come up on reddit this morning. Reminds me of the thread from a while back where I did something similar: SwiftUI --- ## [CSS index (table of contents?)](https://forum.kirupa.com/t/css-index-table-of-contents/643446)
**Author:** [@travis](https://forum.kirupa.com/u/travis)\ **Replies:** 1\ **Last updated:** [July 3, 2020, 5:07pm UTC](https://forum.kirupa.com/t/css-index-table-of-contents/643446 "2020-07-03T17:07:11Z")
I have occasionally seen a WordPress theme style or another stylesheet in the wild that has a beautiful index at the top: /\*\* \* Font styles: line 10 \* Headers: line 30 \* Content: line 120 \* Footer: line 451 \*\*/ Or some… --- ## [if else statement using state variable not working properly in ReactJS Hooks](https://forum.kirupa.com/t/if-else-statement-using-state-variable-not-working-properly-in-reactjs-hooks/643447)
**Author:** [@Umair\_Ashraf](https://forum.kirupa.com/u/Umair_Ashraf)\ **Replies:** 0\ **Last updated:** [July 2, 2020, 11:09pm UTC](https://forum.kirupa.com/t/if-else-statement-using-state-variable-not-working-properly-in-reactjs-hooks/643447 "2020-07-02T23:09:50Z")
Hi guys, i am facing an issue the condition that i am using in the return statement is both getting executed i.e first for few seconds \< SigninOptions /\> component and then the correct one as per the logic \< Useraccount … --- ## [Video Webcam Overlay](https://forum.kirupa.com/t/video-webcam-overlay/643438)
**Author:** [@tornad0](https://forum.kirupa.com/u/tornad0)\ **Replies:** 1\ **Last updated:** [July 2, 2020, 6:03am UTC](https://forum.kirupa.com/t/video-webcam-overlay/643438 "2020-07-02T06:03:44Z")
Hi all! I am just so amazed by this community, so cool. Will you please help me? I am trying to build a digital “magic mirror” that shows your webcam or front facing camera while a video WITH AUDIO plays ontop of it at … --- ## [Variable Scope Basics in JavaScript](https://forum.kirupa.com/t/variable-scope-basics-in-javascript/352579)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 2\ **Last updated:** [July 1, 2020, 7:14am UTC](https://forum.kirupa.com/t/variable-scope-basics-in-javascript/352579 "2020-07-01T07:14:41Z")
by kirupa | 20 February 2014 Let's revisit something relating to variables. Each variable you declare has a certain level of visibility that determines when you can actually use it. In human-u… --- ## [Wierdest Yet Awesome Twitter Account!](https://forum.kirupa.com/t/wierdest-yet-awesome-twitter-account/643419)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 3\ **Last updated:** [June 30, 2020, 10:11pm UTC](https://forum.kirupa.com/t/wierdest-yet-awesome-twitter-account/643419 "2020-06-30T22:11:43Z")
Example from the mondomascots Twitter account: I am not an active Twitter user and don’t follow too many accounts, but this account is one I make it a point to check whenever I get a chance! Cheers, Kirupa … --- ## [CSS Style- icon for login account](https://forum.kirupa.com/t/css-style-icon-for-login-account/643432)
**Author:** [@Umair\_Ashraf](https://forum.kirupa.com/u/Umair_Ashraf)\ **Replies:** 0\ **Last updated:** [June 30, 2020, 8:56pm UTC](https://forum.kirupa.com/t/css-style-icon-for-login-account/643432 "2020-06-30T20:56:02Z")
i am looking to design the SignIn option in my react Project, i came across one of the icon as solid image. i understand i can use it using className , css properties and using the script link from fontawesome.co… --- ## [kirupa.com - Using the DataGrid Component, Page 3](https://forum.kirupa.com/t/kirupa-com-using-the-datagrid-component-page-3/643416)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [June 29, 2020, 4:58pm UTC](https://forum.kirupa.com/t/kirupa-com-using-the-datagrid-component-page-3/643416 "2020-06-29T16:58:28Z")
by kirupa | 23 July 2006 In the previous page, you learned how to dynamically add data to your DataGrid. On this page, you will learn how to sort numbers using the DataGrid component. The DataGrid component sor… --- ## [Differentiate redirect/JSON-data in response from fetch request](https://forum.kirupa.com/t/differentiate-redirect-json-data-in-response-from-fetch-request/643389)
**Author:** [@Umair\_Ashraf](https://forum.kirupa.com/u/Umair_Ashraf)\ **Replies:** 1\ **Last updated:** [June 28, 2020, 10:11pm UTC](https://forum.kirupa.com/t/differentiate-redirect-json-data-in-response-from-fetch-request/643389 "2020-06-28T22:11:47Z")
Hi Guys, i am trying to build a logic at front end to differentiate between the redirect and JSON response, the end goal for this is as, if the response is redirect go to that page and if the response is having data the… --- ## [CSS z-index hover asymmetrical elements](https://forum.kirupa.com/t/css-z-index-hover-asymmetrical-elements/643354)
**Author:** [@Helena\_G](https://forum.kirupa.com/u/Helena_G)\ **Replies:** 2\ **Last updated:** [June 28, 2020, 1:03pm UTC](https://forum.kirupa.com/t/css-z-index-hover-asymmetrical-elements/643354 "2020-06-28T13:03:04Z")
Hello. I have a question about this website https://it-agency.netlify.app/ I have 5 asymmetrical elements (please see the screenshot). They are placed in 3 rows. The idea was that when the user hover over one of the el… [Previous page](https://forum.kirupa.com/latest.md?page=93) [Next page](https://forum.kirupa.com/latest.md?page=95)