blurt | rhymes with dirt. - I’m horrible about blogging - it’s true | Runtime Evironment library

I am trying to solve through a challenge where I have to reorder the letters in string s in the order it appears on string t. For example:

I’m stuck using a jquery emoji plugin on one of my components until I finish with a custom plugin I’m building.

For some reason, when I call the emoji plugin inside of componentDidMount, everything works except the ability to utilize a custom button to show the emoji modal. When I use a custom button, the emoji plugin doesn’t attach the event to the button.

What’s crazy is that I can use the same exact code in useEffect, and it attaches the event listener to the custom button just fine.

I verified that the event listener is not attached by looking in the web console at events attached to the element after the page loaded.

You can easily reproduce this problem by placing this component somewhere in an app (and importing jquery with the emoji-area plugin):

I have one parent and one child. The parent retrieves data (data is named blurts) using a fetch request, and sends the data via props to the child component. The child component is a lazy-loader component that only displays 6 records at a time as the user scrolls.

The lazy component creates its own state (array) based on the number of parent component records, which determines whether a record should be visible. All isVisible properties are set to false initially.

componentDidMount() in lazy component:

The part of my app in question is utilizing 4 components, 1 parent and 3 children. As expected, the parent component handles all state and passes values to child components via props.

The parent component contains methods for updating state changes, also passed down via props. The child components do not have state other than component methods, they use only props for visual data.

The problem I’m having is that when I call the method to update parent state, the parent state is updated successfully (verified via the console), however the child component, which reflects this state via its props, doesn’t render the state change visually.

The code is below which I’ll do my best to explain:

Parent component update state method:

I have an aggregate query where I join 3 collections. I'd like to filter the search based on fields from two of those collections. The problem is, I'm only able to use $match on the initial collection that mongoose initialized with.

Here's the query:

Im using PHP html_simple_dom.

The targeted site is using UTF-8. My php as well as the stream context are set to use UTF 8.

An element (which i inspect by browser) has an innerHTML of "AAA ' BBB", at least as far as when its rendering using my firefox and chrome browsers.

However, my PHP script always fetches this string as "AAA ' BBB". I can fix this using htmlspecialchars_decode($string, 1), but i really want to know why the PHP script, or rather the website is ("wrongly) encoding the string in the first place when visiting it using my PHP, which is explicitly set to UTF

I'm trying to consolidate some code in one of my react components because my componentDidMount method is getting a bit verbose. This gave me the idea to create an api that does all of my data fetching for the entire app.

I'm having an asynchronous issue I'm not sure how to resolve.

I created the separate api file (blurt.js):

I am working with a third-party script, and I need to assign some functions to the window object, so that those functions are available to that third-party script (which will be running in the same browser window, called from the same domain). I must do this using ES6, using let and modules (import / export).

In ES5, I can do this:

I am working on a very basic translation program. Currently it can only deal with one letter in a phrase. For example if I were to input "test" it would blurt out "yesy" because it changes "t" to "y". Here's the code I use to do that: