photoblog | Presenting my photos without having to rely on f * * * | Frontend Framework library

I am getting error "Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception [Handler dispatch failed; nested exception is java.lang.StackOverflowError] with root cause java.lang.StackOverflowError: null"

I try to debug my code but cant understand cause of this error.

I am getting this error in my AuthService class in line ;

I would like some help to set up my google dfp code better.

I have already tried to set the slots individually but it is not rendering all the ad slots.

this is the add code slote definitions:

I have uploaded my app on the playstore.But when I download my app, The icon is set to the default android icon. I tried fixing the problem many times but unable to

Everything seems right on my manifest file.I have even deleted the default icon from the minmap folder. Still the problem persist. here's my manifest

I've just started to learn ReactJS (with only basic knowledge of HTML/CSS/js) and I would like to build a site creates pictures dynamically from a JSON file which contains an image source, title, description, and href.

I am 100% sure that there are numerous and probably lacking all sorts of basic knowledge about how this works, so I apologize and appreciate your time and help.

Before trying to use react, I implemented it using only basic HTML/CSS/js, with a js function which looped through and insertAdjacentHtml'd it into a target div, here (warning, very slow and unoptimized - runs long scripts 170x). Now I'm trying to adapt it to react to get a sense of how it would work using components.

my plan so far I made an app.js which I can npm start at which looks like the following. I created a container which I intend on using to hold all of the pictures. I believe I have 3 major problems (and knowledge gaps) at this moment.

1) I think one big problem for me here, is I have had a difficult time understanding how the components can get created and inserted into the app.js. In regular JS, it was easy to picture that the HTML was getting changed with every loop. Using react, I read tutorials which suggested using a map function to go through the JSON array, and at every loop create a component to be rendered. I'm sure that there's probably something wrong here already.

app.js

Final edit: ful-stackz solution is correct, I was implementing it incorrectly. I needed to refactor the functions that create divs and css out, then call it from within an anonymous function. Thank you!

I've just started to learn basic html/css/js and I am trying to build a small photoblog. What I've made so far is a site that has a container that holds all the pictures, each picture has a title, source image link, description, and average color of the picture. The title, source image link, description are loaded from a json file in an array format. [ {"src": .., etc }, { } ...]. The site loads all of the menu bar stuff, and when the body finishes loading runs a js that starts to generate dynamically all the divs for the photos(). Code provided below. The function is supposed to parse the json file, and create a new div and set of css rules for each item in the json array. In the process, it also runs ColorThief to get the average color of each picture and passes that onto the css rules, so each div has their own unique background color.

Here is the problem: when I run this locally on the machine, everything works perfectly fine. All the pictures are showing up, with the background colors working as expected. But when I run the same thing on github.io (after having pushed and waiting a while for it to update), it does not work. It runs it and when i check the console.log(img.width), shows 0. And ofcourse, the colorthief script fails because you can't have an image size of 0 and expect to get results. The weird part is that every couple of refreshes, one or two pictures pop up, with what looks like the correct background color (ie.colorthief ran). When I comment out the colorthief block, the site loads as expected on github.io. That is,all pictures show up and load with the default background color. So i THINK (and I'm a complete noob at this), that something is weird createElement or img.src when the DOM is assigned the attribute.

What I think isnt the problem

• I made all the filenames #.jpg, in lowercase, where # is some randomly assigned number starting from 1, numbered sequentially.
• colorthief isn't the problem, i think, as it runs offline fine.. and occasionally online as well(when one or two pictures load, it looks like it has a different background color).
• filenames/paths, as commenting out the colorthief block makes the site load properly.

thank you for your time and help!!

This is that "getHighlights()" function, colorthief block highlighted with asterisks. When commented out, site loads fine.:

I'm using Recycle Adapter class and using this to populate the fragments with blog image and description. But when I close the BlogActivity and move to Next Activity then sometimes suddenly app get crashed with error of

java.lang.IllegalArgumentException:You cannot start a load for a destryoed activity at com.bumptech.glide.manager.RequestManagerRetriever.asseertNotDestroyed(RequestManagerRetriver.java:312)

My Recycle adapter classs code is

I have added a portion of my app which the user can upload a profile image but for some reason i get a firebase error saying i/user doesnt have permission even though the rules show it is accessible for all to read and write given the auth is not null. I want users that have logged in to be allowed to read/write.

My firebase storage rules

So at the moment I am following a Tutorial for a Photoblog for Ruby on Rails (my version is 5.0.1)

And right now I have a constant routing error

My routes.rblooks as following, generated by Rails