# programming **URL:** https://forum.kirupa.com/c/programming/41.md?page=42 [Latest](https://forum.kirupa.com/latest.md) · [Categories](https://forum.kirupa.com/categories.md) **Page:** 43 --- ## [JS Tip of the Day: \_\_proto\_\_ in Object Literals](https://forum.kirupa.com/t/js-tip-of-the-day-proto-in-object-literals/643098)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [May 8, 2020, 1:02pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-proto-in-object-literals/643098 "2020-05-08T13:02:42Z")
--- ## [Stop Video on Modal Close](https://forum.kirupa.com/t/stop-video-on-modal-close/642711)
**Author:** [@4a0g1kfa54](https://forum.kirupa.com/u/4a0g1kfa54)\ **Replies:** 0\ **Last updated:** [May 7, 2020, 11:35pm UTC](https://forum.kirupa.com/t/stop-video-on-modal-close/642711 "2020-05-07T23:35:07Z")
I have several modals, each with a different iframe with a different embedded youtube video. When someone closes out of the modal (either by clicking away, hitting ESC or closing it), I would like the youtube video in t… --- ## [Display div side by side using flexbox](https://forum.kirupa.com/t/display-div-side-by-side-using-flexbox/642702)
**Author:** [@Sukhwinder\_Saini](https://forum.kirupa.com/u/Sukhwinder_Saini)\ **Replies:** 2\ **Last updated:** [May 7, 2020, 4:51pm UTC](https://forum.kirupa.com/t/display-div-side-by-side-using-flexbox/642702 "2020-05-07T16:51:52Z")
I am trying to display two div side by side using flexbox. My approach is i want to display like From: input field To : inputfield There must be a gap horizonally and vertically between the text and field I tried: H… --- ## [JS Tip of the Day: What is a NaN?](https://forum.kirupa.com/t/js-tip-of-the-day-what-is-a-nan/643099)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [May 7, 2020, 3:35pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-what-is-a-nan/643099 "2020-05-07T15:35:21Z")
--- ## [Drawing Triangles on the Canvas](https://forum.kirupa.com/t/drawing-triangles-on-the-canvas/355829)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 3\ **Last updated:** [May 7, 2020, 3:42am UTC](https://forum.kirupa.com/t/drawing-triangles-on-the-canvas/355829 "2020-05-07T03:42:43Z")
by kirupa | 26 October 2014 When you are working with the canvas element in HTML, you have some built-in functions that help you easily draw common shapes like circles, squares, and lines. Guess wh… --- ## [JS Tip of the Day: Animations With requestAnimationFrame](https://forum.kirupa.com/t/js-tip-of-the-day-animations-with-requestanimationframe/643100)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [May 6, 2020, 12:35pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-animations-with-requestanimationframe/643100 "2020-05-06T12:35:56Z")
--- ## [JS Tip of the Day: Preventing Extensions in Objects](https://forum.kirupa.com/t/js-tip-of-the-day-preventing-extensions-in-objects/643101)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [May 5, 2020, 1:32pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-preventing-extensions-in-objects/643101 "2020-05-05T13:32:39Z")
--- ## [JS Tip of the Day: Symbol.hasInstance](https://forum.kirupa.com/t/js-tip-of-the-day-symbol-hasinstance/643102)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [May 4, 2020, 12:29pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-symbol-hasinstance/643102 "2020-05-04T12:29:31Z")
--- ## [JS Tip of the Day: JSFuck](https://forum.kirupa.com/t/js-tip-of-the-day-jsfuck/643103)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [May 3, 2020, 11:57am UTC](https://forum.kirupa.com/t/js-tip-of-the-day-jsfuck/643103 "2020-05-03T11:57:49Z")
JSFuck Believe it or not, but you can write JavaScript with no more that 6 characters. With nothing more than using only \[\]()!+, you have the full power of JavaScript at your disposal. This is the idea behind JSFuck. … --- ## [Prob: Resizing window stacks inline divs ?](https://forum.kirupa.com/t/prob-resizing-window-stacks-inline-divs/642649)
**Author:** [@vmars316](https://forum.kirupa.com/u/vmars316)\ **Replies:** 2\ **Last updated:** [May 2, 2020, 1:50pm UTC](https://forum.kirupa.com/t/prob-resizing-window-stacks-inline-divs/642649 "2020-05-02T13:50:49Z")
Hello & Thanks ; Prob : Resizing browser window stacks inline divs ? How can I prevent this behavior ? The divs are “display: inline-block;” . I want divs to remain side by side . Code is 207 lines long , so perhaps… --- ## [JS Tip of the Day: Mixins](https://forum.kirupa.com/t/js-tip-of-the-day-mixins/643104)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [May 2, 2020, 2:31pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-mixins/643104 "2020-05-02T14:31:57Z")
Mixins Level: Intermediate Mixins (or mix-ins) are a way to share functionality between multiple objects or object types. Instead of being a part of an object’s static inheritance chain (as you see with normal OOP usa… --- ## [Creating Buttery Smooth Animations | KIRUPA](https://forum.kirupa.com/t/creating-buttery-smooth-animations-kirupa/636260)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 2\ **Last updated:** [May 2, 2020, 4:36am UTC](https://forum.kirupa.com/t/creating-buttery-smooth-animations-kirupa/636260 "2020-05-02T04:36:44Z")
by kirupa | 8 November 2016 For the longest time, creating smooth and highly performant animations using only web technologies was very difficult. The browsers were slow, CSS properties weren't optimized for rapi… --- ## [JS Tip of the Day: HTML ids Are Global](https://forum.kirupa.com/t/js-tip-of-the-day-html-ids-are-global/643105)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [May 1, 2020, 1:21pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-html-ids-are-global/643105 "2020-05-01T13:21:19Z")
--- ## [JS Tip of the Day: Generator Prototypes](https://forum.kirupa.com/t/js-tip-of-the-day-generator-prototypes/643106)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [April 30, 2020, 3:07pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-generator-prototypes/643106 "2020-04-30T15:07:22Z")
--- ## [What are Dynamic Elements?](https://forum.kirupa.com/t/what-are-dynamic-elements/641810)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 2\ **Last updated:** [April 29, 2020, 8:10pm UTC](https://forum.kirupa.com/t/what-are-dynamic-elements/641810 "2020-04-29T20:10:46Z")
This is a companion discussion topic for the original entry at https://www.kirupa.com/html5/dynamic\_elements.htm --- ## [JS Tip of the Day: Global Object vs. Global Declarations](https://forum.kirupa.com/t/js-tip-of-the-day-global-object-vs-global-declarations/643107)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [April 29, 2020, 1:50pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-global-object-vs-global-declarations/643107 "2020-04-29T13:50:52Z")
--- ## [JS Tip of the Day: Computed Properties](https://forum.kirupa.com/t/js-tip-of-the-day-computed-properties/643108)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [April 28, 2020, 11:45am UTC](https://forum.kirupa.com/t/js-tip-of-the-day-computed-properties/643108 "2020-04-28T11:45:09Z")
--- ## [Forms in react](https://forum.kirupa.com/t/forms-in-react/642603)
**Author:** [@Wayne](https://forum.kirupa.com/u/Wayne)\ **Replies:** 1\ **Last updated:** [April 27, 2020, 11:51pm UTC](https://forum.kirupa.com/t/forms-in-react/642603 "2020-04-27T23:51:09Z")
I would like to know if formik is the best solution to working with complex form inputs in react applications? How will it be in complex multi forms? --- ## [Adding cookies on webpages for persistent dark mode.](https://forum.kirupa.com/t/adding-cookies-on-webpages-for-persistent-dark-mode/642599)
**Author:** [@samiuljoy](https://forum.kirupa.com/u/samiuljoy)\ **Replies:** 3\ **Last updated:** [April 27, 2020, 10:50pm UTC](https://forum.kirupa.com/t/adding-cookies-on-webpages-for-persistent-dark-mode/642599 "2020-04-27T22:50:55Z")
Hello there! I hope in times like these, you’re safe. I have been struggling to achieve persistence dark mode while navigating two pages. The page contents turn back to default color while from navigating from pages. I’… --- ## [JS Tip of the Day: Filter and Map With flatMap](https://forum.kirupa.com/t/js-tip-of-the-day-filter-and-map-with-flatmap/643109)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [April 27, 2020, 5:07pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-filter-and-map-with-flatmap/643109 "2020-04-27T17:07:37Z")
--- ## [React JS Absolute Beginner Getting Started](https://forum.kirupa.com/t/react-js-absolute-beginner-getting-started/642573)
**Author:** [@Helena\_G](https://forum.kirupa.com/u/Helena_G)\ **Replies:** 11\ **Last updated:** [April 26, 2020, 5:41pm UTC](https://forum.kirupa.com/t/react-js-absolute-beginner-getting-started/642573 "2020-04-26T17:41:57Z")
Hello. I’m following a tutorial on YouTube to get started with ReactJS. I’ve downloaded the starter template from reactjs.org I just want to see my first "Hello World! on the screen. But I fail. I have an index.html fi… --- ## [JS Tip of the Day: Awaiting Non-promises](https://forum.kirupa.com/t/js-tip-of-the-day-awaiting-non-promises/643110)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [April 26, 2020, 1:54pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-awaiting-non-promises/643110 "2020-04-26T13:54:14Z")
--- ## [About this Site](https://forum.kirupa.com/t/about-this-site/642571)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 3\ **Last updated:** [April 25, 2020, 8:35pm UTC](https://forum.kirupa.com/t/about-this-site/642571 "2020-04-25T20:35:10Z")
The site with its current focus on web-related topics started in 1999. That's a really long time ago. The following timeline chronicles the early days of the site...all the way to today: This is a companion discussion … --- ## [JS Tip of the Day: globalThis](https://forum.kirupa.com/t/js-tip-of-the-day-globalthis/643111)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [April 25, 2020, 3:07pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-globalthis/643111 "2020-04-25T15:07:30Z")
--- ## [JS Tip of the Day: A Custom Self-rejecting Promise](https://forum.kirupa.com/t/js-tip-of-the-day-a-custom-self-rejecting-promise/643112)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [April 24, 2020, 5:09pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-a-custom-self-rejecting-promise/643112 "2020-04-24T17:09:40Z")
--- ## [JS Tip of the Day: Flattening Arrays](https://forum.kirupa.com/t/js-tip-of-the-day-flattening-arrays/643113)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 2\ **Last updated:** [April 24, 2020, 3:00pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-flattening-arrays/643113 "2020-04-24T15:00:32Z")
--- ## [JSTotD: Using Flattened Arrays](https://forum.kirupa.com/t/jstotd-using-flattened-arrays/642562)
**Author:** [@REB\_412](https://forum.kirupa.com/u/REB_412)\ **Replies:** 0\ **Last updated:** [April 24, 2020, 2:32pm UTC](https://forum.kirupa.com/t/jstotd-using-flattened-arrays/642562 "2020-04-24T14:32:23Z")
Re: Flattening Arrays Interesting article but I have a few questions. First, in your ticTacToeBoard example, will the original array reflect any changes that are made to the flattened array? Second I assume this it ju… --- ## [React configurations](https://forum.kirupa.com/t/react-configurations/642489)
**Author:** [@Anu1](https://forum.kirupa.com/u/Anu1)\ **Replies:** 5\ **Last updated:** [April 23, 2020, 12:49am UTC](https://forum.kirupa.com/t/react-configurations/642489 "2020-04-23T00:49:41Z")
What is the best way to access appsettings.json file in react component? --- ## [JS Tip of the Day: The Window Proxy](https://forum.kirupa.com/t/js-tip-of-the-day-the-window-proxy/643114)
**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\ **Replies:** 0\ **Last updated:** [April 22, 2020, 12:00pm UTC](https://forum.kirupa.com/t/js-tip-of-the-day-the-window-proxy/643114 "2020-04-22T12:00:01Z")
--- ## [What is the use of props in react js?](https://forum.kirupa.com/t/what-is-the-use-of-props-in-react-js/642529)
**Author:** [@mwaqarsikandar](https://forum.kirupa.com/u/mwaqarsikandar)\ **Replies:** 1\ **Last updated:** [April 21, 2020, 2:29pm UTC](https://forum.kirupa.com/t/what-is-the-use-of-props-in-react-js/642529 "2020-04-21T14:29:51Z")
At what places we use props in react js. [Previous page](https://forum.kirupa.com/c/programming/41.md?page=41) [Next page](https://forum.kirupa.com/c/programming/41.md?page=43)