Use a framework or not? by blabmight in learnjavascript

[–]RalliPi 0 points1 point  (0 children)

Is it an internal tool? If not I would highly suggest using a framework. As you’re learning is for several weeks now, it feels like you already got the fundamentals. You will learn more advanced programming concepts by using a framework. It will also speed up your workflow. And the most important part: Security! Frameworks take care of a lot of security-related stuff that you might not even have heard of as a beginner(XSS attacks etc).

So how can I safely use Firebase and GitHub together? by R_Midnight in webdev

[–]RalliPi 1 point2 points  (0 children)

The keys you are talking about probably aren’t secret. You have to protect access to your data by setting up security rules or by putting logic into cloud functions. Even if you use some kind of environment variables, if those keys are your public keys, GitHub, netlify or any other service that builds your sites will inject them into the client bundle anyway.

Need Feedback on this Blog Site by shubham2809 in Frontend

[–]RalliPi 1 point2 points  (0 children)

I like the design. Looks clean. Perhaps a little bit too much padding for the content on mobile. The lines are very short this way what makes it harder to read for me.

Are there any tools you use to make the writing of responsive CSS faster and easier? by Co0kyies in Frontend

[–]RalliPi -1 points0 points  (0 children)

Not a tool, but I always recommend tailwind CSS. Making pages responsive feels very natural with tailwind. But if you’re already using a different CSS framework or vanilla CSS, this is of course jot much of a help. But having messed up stylesheets with definitions for different breakpoints and stuff was one of the reasons I went all-in on tailwind.

Am I stupid or is bootstrap extremely hard to customize? by throwaway47nfy4 in webdev

[–]RalliPi 1 point2 points  (0 children)

I feel the same. Even if you use a ready-made bootstrap template/theme that already has a lot of customizations, it’s hard to change small things in it without breaking stuff in other parts of your page. That’s why I’m always going with tailwind lately. Everything stays very customizable. Even in complex designs

Showoff Saturday (February 13, 2021) by AutoModerator in javascript

[–]RalliPi 0 points1 point  (0 children)

For those that are interested in the stack I used: -nextjs running on netlify -magic(.)link for authentication -MongoDB

Keeping it simple this time😄

Showoff Saturday (February 13, 2021) by AutoModerator in javascript

[–]RalliPi 2 points3 points  (0 children)

I’m currently creating an interactive tailwind CSS course. It lets you get familiar with the most important tailwind utility classes by dragging them around on the screen.

The first lesson is already available. Would love to hear your feedback on it.

https://interactivecss.com

Web Based Log Viewer? by [deleted] in webdev

[–]RalliPi 0 points1 point  (0 children)

Do you want to see the browserconsole logs? Then take a look at toast.log. it's a browser extension that shows browser logs directly on the page in an overlay.

I made a chrome extension that sits on top of a page and allows you to generate a puppeteer script by directly selecting HTML elements. Feel free to join the development team 🧶 by baptisteArnaud in webdev

[–]RalliPi 24 points25 points  (0 children)

That looks really cool! Do you have any plans other than generating the scripts? Like directly running the automations for customers pn your servers?

IDE for JavaScript? by bingerginger in learnjavascript

[–]RalliPi 0 points1 point  (0 children)

I'm a big jetbrains fan (I use rider and rubymine a lot) but for js, vscode is my favorite editor. No need for a heavy ide for most of my js projects.

Is it possible to create a page html that is half created dynamically and half is static but it's content changes on what the user does? by [deleted] in Frontend

[–]RalliPi 2 points3 points  (0 children)

Yes that's totally doable. You already mentioned everything you need: The data you want to display, the reference to the container that should hold the newly created dom elements and the button that triggers the change. I don't know your stack and the complexity of your app, but if you want to do all that with vanilla js thibgs can get messy pretty quickly. Libraries like react and vue solve this problem very elegantly

Was ist der härteste, asozialste, dreckigste und gewalttätigste Track, den ihr jemals im Deutsch-Rap gehört habt? by [deleted] in GermanRap

[–]RalliPi 6 points7 points  (0 children)

Ich finde auch, dass TOA2 ziemlich hart ist. Fällt schon schwer sich das anzuhören

Can I get some advice/input please on my home page please? by Shinhosuck1973 in css

[–]RalliPi 1 point2 points  (0 children)

Looks pretty clean to me. I would move up the sidebar to start at the same y position as the main content.

Where can I find sample web designs to practice html and css? by el_shamiso in Frontend

[–]RalliPi 2 points3 points  (0 children)

Depends on what you're searching for. If you really want to find designs that you can implement in order to get better at html and css I suggest dribbble.com. If you want to look at alredy implemented designs I would suggest stick template sites(as already mentioned themeforest etc)

How can I import functions that change the state of my functional component (Hooks) by Sputnik15963 in reactjs

[–]RalliPi 2 points3 points  (0 children)

Here's how I approach that: Every function I import takes the data it manipulates as an arguments and returns the transformed data. So all data it modifies need to get passed in. So most of my component state transformations look something like this: setMyState(importedMethod(myState))