# web dev **URL:** https://forum.kirupa.com/c/programming/web-dev/42.md?page=29 [Latest](https://forum.kirupa.com/latest.md) · [Categories](https://forum.kirupa.com/categories.md) **Page:** 30 --- ## [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 … --- ## [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 … --- ## [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… --- ## [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… --- ## [JSON parsing in Express](https://forum.kirupa.com/t/json-parsing-in-express/643355)
**Author:** [@Umair\_Ashraf](https://forum.kirupa.com/u/Umair_Ashraf)\ **Replies:** 2\ **Last updated:** [June 24, 2020, 10:37pm UTC](https://forum.kirupa.com/t/json-parsing-in-express/643355 "2020-06-24T22:37:21Z")
--- ## [JS Tip of the Day: Prototypes as Instance of Type](https://forum.kirupa.com/t/js-tip-of-the-day-prototypes-as-instance-of-type/643352)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [June 24, 2020, 12:34pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-prototypes-as-instance-of-type/643352 "2020-06-24T12:34:46Z")
Prototypes as Instance of Type Level: Advanced JavaScript uses prototypes for inheritance. Most of the time these prototypes are simply instances of ordinary objects, but there are some unusual exceptions. Some proto… --- ## [JS Tip of the Day: Closure Scopes Limit Closure Variables](https://forum.kirupa.com/t/js-tip-of-the-day-closure-scopes-limit-closure-variables/643340)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [June 22, 2020, 4:04pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-closure-scopes-limit-closure-variables/643340 "2020-06-22T16:04:27Z")
Closure Scopes Limit Closure Variables Level: Advanced Closures are functions associated with a lexical environment. Lexical environments store variables in a scope. They also store a reference to their parent enviro… --- ## [ECMAScript® 2020 Language Specification Approved](https://forum.kirupa.com/t/ecmascript-2020-language-specification-approved/643311)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [June 20, 2020, 12:53pm UTC](https://forum.kirupa.com/t/ecmascript-2020-language-specification-approved/643311 "2020-06-20T12:53:48Z")
The 11th edition of the ECMAScript® Language Specification, ES2020, has been officially approved and published to: http://www.ecma-international.org/publications/standards/Ecma-262.htm New features include: String.pro… --- ## [JS Tip of the Day: Function Name Bindings](https://forum.kirupa.com/t/js-tip-of-the-day-function-name-bindings/643299)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [June 18, 2020, 1:19pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-function-name-bindings/643299 "2020-06-18T13:19:22Z")
Function Name Bindings Level: Intermediate Named function expressions have an interesting behavior where they’ll create a variable binding of the function name with the function object local to the function body. This… --- ## [How to add support for async/await in old browsers.](https://forum.kirupa.com/t/how-to-add-support-for-async-await-in-old-browsers/643277)
**Author:** [@kn7](https://forum.kirupa.com/u/kn7)\ **Replies:** 6\ **Last updated:** [June 16, 2020, 6:52pm UTC](https://forum.kirupa.com/t/how-to-add-support-for-async-await-in-old-browsers/643277 "2020-06-16T18:52:39Z")
I want to add support for async/await in javascript for firefox v47. So that I can use async function () { await something; } \[Can I use–Browser support tables for modern web technologies.\] Async functions says that fir… --- ## [JS Tip of the Day: The debugger Statement](https://forum.kirupa.com/t/js-tip-of-the-day-the-debugger-statement/643281)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [June 16, 2020, 1:23pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-the-debugger-statement/643281 "2020-06-16T13:23:29Z")
The debugger Statement Level: Intermediate Code doesn’t always work the way it should and sometimes you need to step through the code line by line to figure out what’s going wrong. Debuggers provide this ability, allo… --- ## [JS Tip of the Day: Mixing class and function Constructors](https://forum.kirupa.com/t/js-tip-of-the-day-mixing-class-and-function-constructors/643264)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [June 14, 2020, 1:46pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-mixing-class-and-function-constructors/643264 "2020-06-14T13:46:45Z")
Mixing class and function Constructors Version: ES2015 (class, Reflect) Level: Advanced For the most part, when creating your own constructor functions, you’re going to want to prefer the class syntax. It’s cleaner s… --- ## [Forums Have Themes Too!](https://forum.kirupa.com/t/forums-have-themes-too/643224)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 7\ **Last updated:** [June 12, 2020, 11:12am UTC](https://forum.kirupa.com/t/forums-have-themes-too/643224 "2020-06-12T11:12:27Z")
It’s a bit undiscoverable right now, but if you go to your user preferences, you can select from a handful of themes created by the Discourse community: There is an extension to Discourse that will get the themes to … --- ## [JS Tip of the Day: JSON Reviver Function](https://forum.kirupa.com/t/js-tip-of-the-day-json-reviver-function/643241)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [June 10, 2020, 1:23pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-json-reviver-function/643241 "2020-06-10T13:23:15Z")
JSON Reviver Function Level: Intermediate Just as you can control how JSON is created in JSON.stringify() using toJSON() methods in your objects, so too can you control how JSON strings are converted into objects in JS… --- ## [JS Tip of the Day: Trailing Commas](https://forum.kirupa.com/t/js-tip-of-the-day-trailing-commas/643200)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [June 7, 2020, 1:46pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-trailing-commas/643200 "2020-06-07T13:46:24Z")
Trailing Commas Version: ES2015 (destructuring, import, export), ES2017 (functions) Level: Intermediate In certain list-like syntaxes JavaScript supports trailing commas. Trailing commas are commas at the end of a li… --- ## [Hide submenus when I scroll page](https://forum.kirupa.com/t/hide-submenus-when-i-scroll-page/643023)
**Author:** [@Mary\_Pieroszkiewicz](https://forum.kirupa.com/u/Mary_Pieroszkiewicz)\ **Replies:** 5\ **Last updated:** [June 5, 2020, 4:58pm UTC](https://forum.kirupa.com/t/hide-submenus-when-i-scroll-page/643023 "2020-06-05T16:58:25Z")
I need to do this functionality in navigation menu - submenu lists. When scrolls down the page, the submenu is to hide http://www.marypieroszkiewicz.com/3n\_solution/ This is my code for menu-submenu const menu =… --- ## [JS Tip of the Day: A Function's Home Object](https://forum.kirupa.com/t/js-tip-of-the-day-a-functions-home-object/643187)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [June 5, 2020, 1:12pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-a-functions-home-object/643187 "2020-06-05T13:12:55Z")
A Function’s Home Object Version: ES2015 Level: Advanced All JavaScript functions have a internal slot called \[\[HomeObject\]\]. This is used to store a function’s “home object” which is the object in which the function… --- ## [JS Tip of the Day: Custom Serialization With toJSON](https://forum.kirupa.com/t/js-tip-of-the-day-custom-serialization-with-tojson/643071)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [June 3, 2020, 2:30pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-custom-serialization-with-tojson/643071 "2020-06-03T14:30:37Z")
Custom Serialization With toJSON Level: Intermediate Just like Objects have their own toString() method for determining how they’re converted (most of the time) to strings, they too can have a toJSON() method for deter… --- ## [Add reCAPTCHA v3 to my form validation](https://forum.kirupa.com/t/add-recaptcha-v3-to-my-form-validation/643067)
**Author:** [@Mary\_Pieroszkiewicz](https://forum.kirupa.com/u/Mary_Pieroszkiewicz)\ **Replies:** 1\ **Last updated:** [June 3, 2020, 5:31am UTC](https://forum.kirupa.com/t/add-recaptcha-v3-to-my-form-validation/643067 "2020-06-03T05:31:09Z")
Yesterday I experienced a crisis with my programming. I am not yet at this stage where I can easily write it. I need reCAPTCHA v3 in the form in the project. I added the code which is in Google documentation. Now I have … --- ## [JS Tip of the Day: String Conversions in Depth](https://forum.kirupa.com/t/js-tip-of-the-day-string-conversions-in-depth/643047)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [June 1, 2020, 1:51pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-string-conversions-in-depth/643047 "2020-06-01T13:51:15Z")
String Conversions in Depth Version: ES2015 (Symbol, Symbol.toPrimitive) Level: Advanced Converting values to strings is such a trivial thing, it’s easy to overlook the complexities of it. That is, maybe, at least un… --- ## [Controlling fonts (in a div\_ in reactjs](https://forum.kirupa.com/t/controlling-fonts-in-a-div-in-reactjs/643039)
**Author:** [@SunbeamRapier](https://forum.kirupa.com/u/SunbeamRapier)\ **Replies:** 1\ **Last updated:** [June 1, 2020, 5:41am UTC](https://forum.kirupa.com/t/controlling-fonts-in-a-div-in-reactjs/643039 "2020-06-01T05:41:13Z")
I saw you had another article along these lines, but using the old class structure in reactJS. I am trying to figure out how to control the font in a div so that I can change it on mouse-over and on mouse-click. I am u… --- ## [JS Tip of the Day: Copying Accessor Properties](https://forum.kirupa.com/t/js-tip-of-the-day-copying-accessor-properties/642997)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [May 28, 2020, 2:29pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-copying-accessor-properties/642997 "2020-05-28T14:29:19Z")
Copying Accessor Properties Version: ES2015 (Object.assign), ES2017 (Object.getOwnPropertyDescriptors) Level: Intermediate In using Object.assign() to copy properties into an object, you’re assigning new properties mu… --- ## [Use Javascript to randomly select an image from a folder at the start of a css animation loop?](https://forum.kirupa.com/t/use-javascript-to-randomly-select-an-image-from-a-folder-at-the-start-of-a-css-animation-loop/642963)
**Author:** [@Felix\_Meyburgh](https://forum.kirupa.com/u/Felix_Meyburgh)\ **Replies:** 4\ **Last updated:** [May 25, 2020, 4:56pm UTC](https://forum.kirupa.com/t/use-javascript-to-randomly-select-an-image-from-a-folder-at-the-start-of-a-css-animation-loop/642963 "2020-05-25T16:56:24Z")
Please can someone help me? I’m new to coding at the tender age of 64 (trying to reinvent myself). I’m trying to create multi - animations of images “flying” around my webpage infinitely. Here is one of the loops. Every … --- ## [JS Tip of the Day: Using Generators to Animate](https://forum.kirupa.com/t/js-tip-of-the-day-using-generators-to-animate/643058)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [May 23, 2020, 4:00pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-using-generators-to-animate/643058 "2020-05-23T16:00:58Z")
Using Generators to Animate Version: ES2015 Level: Intermediate Sometimes you want to animate things that weren’t built to be animated. As an example, take this simple bubble sort function that will sort the elements… --- ## [JS Tip of the Day: Labels](https://forum.kirupa.com/t/js-tip-of-the-day-labels/643075)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [May 22, 2020, 3:12pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-labels/643075 "2020-05-22T15:12:08Z")
--- ## [JS Tip of the Day: The Underscore Convention](https://forum.kirupa.com/t/js-tip-of-the-day-the-underscore-convention/643076)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [May 21, 2020, 12:49pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-the-underscore-convention/643076 "2020-05-21T12:49:30Z")
[Previous page](https://forum.kirupa.com/c/programming/web-dev/42.md?page=28) [Next page](https://forum.kirupa.com/c/programming/web-dev/42.md?page=30)