placeholder.js | Brings HTML5 placeholder attribute | Search Engine Optimization library

I am trying to get this button to disappear when it is clicked, however, it does nothing when clicked

HTML

I'm using CodeMirror version 5.51 along with the placeholder addon. The placeholder itself is set like this.

I am new to React and Redux. Learning now about hooks and got really confused. Doing a tutorial app (the teacher is using classes) which should fetch some API data from jsonplaceholder (async) and afterwards use it with redux. For now, I fail to display the fetched data on my screen.

Also at the very bottom are two of my additional questions.

My code (that is not working): ERROR: TypeError: posts.map is not a function

PostList.js

0

I am creating a find nearest restaurant app using Google Places API. I am calling for a background image in my ResultItem component in a prop

This image is defined as Thumbnail in const above this part of the code. My code runs smoothly but as soon as places.photos[0] returns as undefined (meaning that it is Google Place that doesn't have any image uploaded) i get an error saying:

Unhandled Rejection (TypeError): Cannot read property '0' of undefined

I think what I have to do is check whether places.photos[0] is undefined or not but I do not seem to get it right...

My goal is to display another placeholder image when this value turns out undefined. If it is defined though the component should take the image from google places api.

This is what I have tried to do with the const Thumbnail to achieve it, but didnt work:

Codesandbox: https://codesandbox.io/s/github/adamschwarcz/react-firebase-app

I am really new to react and firebase and I followed this tutorial to come up with this app (full project – github link here) – it's an "Add your Wish app"

My problem is that I cannot store clap count on each post to my firebase – this component is called LikeButton.js.

I have been trying to add some similar firebase code (handleChange, handleSubmit, componentDidMount... etc.. etc..) as I learned in the tutorial to LikeButton.js to store the total amount of counts in firebase each time the button is clicked and the amount of claps incremented by +1.

Simply what I want – everytime the clap button is clicked and the initial ('0') state of count is incremented to +1 the current count is going to be updated into the database.

Just cannot come up with solution, can somebody please help?

My LikeButton.js code without any firebase:

I found @@functional/placeholder in ramda source code.

Code Link in github

I want to ask a question about request-promise in nodeJS.

I'm new to nodeJS and so far I've produced the following code:

I have a custom library I'm trying to build with Browserify. The library uses fabric.js, extends it with some custom classes and exposes it globally to be used in the browser and in node.js. This is the main entry point for the library:

I am using config files to store defaults and passwords/tokens/keys. Defaults are no problem to be public. Obviously I want passwords to remain secret. I mean - not to push the to GitHub.

I thought about make a configs directory contains the following files:

common.js everybody can see. keys.js passwords/tokens/keys. Shouldn't be pushed to GitHub - using .gitignore file to prevent this. keys-placeholder.js should contain just placeholders so who clones the project should understand to create keys.js file and place his real passwords.

Is it a good practice? How do you hide passwords from pushing to GitHub and also make it comfortable to use when build the project for first time?