DEV Community: Niko Montana

Firestore Modelling Data

Niko Montana — Sat, 24 Aug 2019 16:54:15 +0000

Hi,

I want to create an instagram clone with firebase and found some limitations while working on the datastructure.

As the documentation reccomends to keep the documents as small as possible and the collections big I have created this model.

+ Profile (collection)

  |--- uid (document)

      |--- userName (String)

      |--- firstName (String)

      |--- lastName (String)

      |--- profileImgUrl (String)

      |--- userName (String)

      |--- UserPosts (collection)

         |--- uid (document)

            |--- title (String)

            |--- createdAt (timeStamp)

            |--- description (String)

            |--- imgUrl (String)

I have decided to go with this model because by splitting Profile and Post into seperate root collections I am not able to query Posts by userName without a second query after I get the uid of the user.

My problem now is that I dont know how to write a query to get the posts of a user by userName

Firebase Cloud Storage alternatives

Niko Montana — Wed, 17 Jul 2019 11:33:46 +0000

Hi,

I have already worked with firebase and had created some great apps. But as I advance as a developer it feels a little bit restrictive.
For the next project I have planned to use graphQL with heroku. I found for almost everything firebase offers an alternative - but not for storage!

I mean there are thousands of solutions out there but the special thing about firebase cloud storage is to be able to have secutiry rules if wanted.

Does anybody know an alternative with easy to setup security rules?

Regards!

React UI Lib Experiences

Niko Montana — Tue, 16 Jul 2019 10:49:33 +0000

Hi,

I am currently working on an idea and would like to speed up my development. So I am searching a for opinions and experiences with either antd or materialUI.

For my setup I am using NextJS & Styled-Components. Maybe somebody already has experience with this setup and could tell me something about some pitfalls to help me decide between the two!

Thanks!

useScrollInfo() Hook

Niko Montana — Mon, 15 Jul 2019 14:28:34 +0000

Hi,

I am searching for a simple solution to detect the scroll direction (and scroll position) within a react functional component. The difficult part for my case is that I am using nextjs so my react app is a ssr app. I dont have access to window or document.

Detect if div is inside ViewPort

Niko Montana — Fri, 05 Jul 2019 17:55:52 +0000

I am using NextJS and want to show a Button when the User scrolls to a particular Element. Unfortunately I cannot get it really working.

I have a Layout File, which gets shared across all Components.

import Navbar from "./Navbar";
import Footer from "./Footer";

const Layout = props => {
  return (
    <div>
      <Navbar />
      {props.children}
      <Footer />
    </div>
  );
};

export default Layout;

I tried to implement onScroll to the first <div/>in the Layout file but it does not get triggered.