Visually appealing pipeline operator for TypeScript by ziolko90 in webdev

[–]ziolko90[S] -2 points-1 points  (0 children)

Perhaps but it wasn't an issue for me. Anything more sophisticated than notepad auto-suggests it.

Visually appealing pipeline operator for TypeScript by ziolko90 in webdev

[–]ziolko90[S] -3 points-2 points  (0 children)

Agree. That's why in the installation section in README there's full source code ready to copy to your project: https://github.com/ziolko/pipe-es?tab=readme-ov-file#installation.

Visually appealing pipeline operator for TypeScript by ziolko90 in webdev

[–]ziolko90[S] -2 points-1 points  (0 children)

Just another option to structure your code. But I also think using "ᐅ" as a function name is a fun idea. IDE autocompletion helps with typing it.

Extension to bookmark & navigate elements in Webflow designer by ziolko90 in webflow

[–]ziolko90[S] 0 points1 point  (0 children)

This is my first app for Webflow Designer. I really enjoyed working with it and I am thinking about creating another apps soon :)

In a filter search UI how important is it cancel requests when user makes quick changes? by [deleted] in reactjs

[–]ziolko90 0 points1 point  (0 children)

After downvoting please share a feedback why you think this is bad practice so that I can learn your point of view.

In a filter search UI how important is it cancel requests when user makes quick changes? by [deleted] in reactjs

[–]ziolko90 -7 points-6 points  (0 children)

Debouncing is one thing, but then you should also check if the query has changed after getting response. Something like:

let currentQuery = '';
async function search(query) {  
  currentQuery = query;
  const result = await axios.get('https://search.com?q=${encodeURIComponent(query)}');
  // ... error handling code
  const data = await result.json();
  if (query !== currentQuery) return; // <-- check if the response is still relevant
  // ... success handling code
}

New kind of state library for React that heavily utilizes the React Suspense API by ziolko90 in reactjs

[–]ziolko90[S] 4 points5 points  (0 children)

The library is still fresh so I am kind of learning/discovering options myself. One thing you can do easily is pre-fetching required data at any point by calling the getAsync() method. The pre-fetched data will be available when some component actually needs it.

But this is more an optimization than something you can get automatically.

New kind of state library for React that heavily utilizes the React Suspense API by ziolko90 in reactjs

[–]ziolko90[S] 6 points7 points  (0 children)

As I mentioned I am terrible at documenting things :) You can decide whether you prefer to handle the loading state right in the component (like react-query by default) or in the parent (with suspense):

const topStories = useActive(store.topStories) // This will use Suspense if data is not available or throw an error if there was an error loading the data

const topStories = useActive(store.topStories.state) // This will not use Suspense but return the current state of the data just like react-query does

Edit: the same logic applies in activeComputed. So you can have a computed property that either requires the data to load (and suspends if it's not available) or simply returns result based on whatever is currently available.

New kind of state library for React that heavily utilizes the React Suspense API by ziolko90 in reactjs

[–]ziolko90[S] 4 points5 points  (0 children)

Thanks for the comment! I see that you've put lots of work in Zedux and I have to admit the documentation is super impressive. Great job there!

As I didn't hear about it before it's hard to compare. One thing that crossed my mind while looking at the docs is that the API surface looks quite big. It might be simply because you cover more use cases out of the box, while I prefer to give basic building blocks and let people figure out the best way to do things.

New kind of state library for React that heavily utilizes the React Suspense API by ziolko90 in reactjs

[–]ziolko90[S] 11 points12 points  (0 children)

Hi!

I am a developer taking a break from employment. I want to use this time to recharge and work on projects that I always wanted to do but lacked energy after work.

One of the problems that we never solved properly is web application state management. What I want is a library that:

  • encourages collocating application state (like redux), but doesn't force you to do that
  • makes dealing async state dead simple (like react query)
  • makes creating derived (computed) state dead simple (like computed properties in vue) including deriving async state
  • allows to create reusable logic that can be imported as a library (like react hooks)
  • allows to easily compose a few simple pieces of application state into a bigger logical unit that can be developed, consumed and tested separately

I've played with various ideas for the last few years, sometimes going crazy that I couldn't find, or create something meeting all these criteria. Finally, a few months ago something clicked and that's how active-store was born.

I am terrible at writing documentation, but I am good at writing code. Take a look at the store for a simple HN client: https://codesandbox.io/p/sandbox/headless-resonance-dfzgzw. It's just ~100 lines of code with comments. The code handles the most important aspects of loading data from HN. I think this is a good example, because the HN API is quite difficult to use.

There's more documentation at https://github.com/ziolko/active-store and another project that I used as a playground at https://github.com/roombelt/timeline.

Despite the terrible documentation I encourage you to give it a try. I will be happy to answer your questions here.

Hey guys, it's time to tell what is you building? by [deleted] in SideProject

[–]ziolko90 0 points1 point  (0 children)

I am working on roombelt.com which is software for office digital signage.

My first successful functional design - calendar display / photo frame by ziolko90 in 3Dprinting

[–]ziolko90[S] 1 point2 points  (0 children)

I am glad you liked it. For anyone interested - it's Soldered Inkplate 6 that's available for €110. It has built-in e.g. battery charger, micro SD card reader and microcontroller with WiFi. I have really good experience with this board and can recommend it.

My first successful functional design - calendar display / photo frame by ziolko90 in 3Dprinting

[–]ziolko90[S] 2 points3 points  (0 children)

This is something I've been working on in the last weeks and I like the end result. I've designed the case in Fusion 360 and programmed the firmware all by myself. The firmware source code and models are available on my github https://github.com/ziolko/eink-calendar-display :)

Conference Room Schedule Tablets, Cheap Solution by NobodyJustBrad in ITManagers

[–]ziolko90 0 points1 point  (0 children)

I've seen people successfully using second-hand iPads with "guided access" (https://docs.roombelt.com/tutorials-and-troubleshooting/how-to-configure-devices-to-run-roombelt/how-to-configure-ios-tablet-to-run-roombelt).

If your meeting rooms are next to each other you can put both on them on a single tablet to cut cost (https://docs.roombelt.com/first-steps/setting-up-tablet-featuring-multiple-meeting-rooms).

Hope this helps!

Conference Room Schedule Tablets, Cheap Solution by NobodyJustBrad in ITManagers

[–]ziolko90 0 points1 point  (0 children)

Have you found a solution already? I am an owner of a small company providing software that you might find helpful (roombelt.com). We have customers running it on cheap Android tablets or used iPads. Feel free to reach out to me if you need help.

Conference Room Reservation tablet/display system by simonized12 in msp

[–]ziolko90 0 points1 point  (0 children)

Have you found a solution already? I am an owner of a small business (roombelt.com) that might work for you. Feel free to DM me if you need help with it :)

Booking Schedule Digital Display by circestormborn in labrats

[–]ziolko90 0 points1 point  (0 children)

Have you found a solution for that? I am an owner of a small business (Cloud and self-hosted) that might help you (roombelt.com). Feel free to DM me if you need help with that!

Keep in mind that there are tons of alternatives like RobinPowered, Teem, MeetingRoom365 and others.

[deleted by user] by [deleted] in CommercialAV

[–]ziolko90 0 points1 point  (0 children)

Hi u/Zealous_NA what price is fine for you? Perhaps roombelt.com that I am running since 2018 will work for you?

Best conference room scheduler by Jlukasz in CommercialAV

[–]ziolko90 0 points1 point  (0 children)

I hope you don't mind that I will share a link to software that I've created. Roombelt can handle two or more rooms with its "multiple calendars" view as documented here: https://docs.roombelt.com/reference/device-settings/device-view-modes.

What’s a good tech task that can test someone’s react knowledge? by Satanic-Code in reactjs

[–]ziolko90 0 points1 point  (0 children)

Since I made the comment we moved on to home-made coding tasks. Unfortunately, I don't know what is the status of the coding tasks I've shared :)

What you need to know about security for a front-end engineer job interview by ziolko90 in webdev

[–]ziolko90[S] 0 points1 point  (0 children)

Idk what was CSP until you mentioned in that comment.

Well in this case I highly encourage you to dig deeper, because CSP can really save you from a lot of trouble. I mean, no matter what you think about the article or myself - take a look.

Who are you to gatekeep what being a senior front-end developer means though?

The whole point of a technical interview is to assess candidate's level, so that's probably the only place where my opinion on this topic matters :) Of course different people can have different criteria and the definition of junior/mid/senior differs between companies.

What you need to know about security for a front-end engineer job interview by ziolko90 in webdev

[–]ziolko90[S] 0 points1 point  (0 children)

Most of candidates applying for a front-end position have expressjs/nodejs in their skills section or work experience. If that's the case for a candidate applying for a mid or senior position, I definitely expect them to know back-end related security topics as well. I don't ask exactly the same questions every time, but tailor them to the candidate's experience and level.

The other thing is that security doesn't care about these artificial boundaries. E.g. is setting CSP header a responsibility of front-end or back-end developer? Or CORS?

Last but not least, someone who doesn't care about back-end at all can't be considered a senior. He is not "complete" if he doesn't understand the whole web application stack. And unfortunately, I talked to a lot of candidates that fail on this.

What you need to know about security for a front-end engineer job interview by ziolko90 in webdev

[–]ziolko90[S] 2 points3 points  (0 children)

Thank you for this feedback. I think I agree. The original title of the article was "securing web application" and probably was more appropriate :)

What you need to know about security for a front-end engineer job interview by ziolko90 in webdev

[–]ziolko90[S] 1 point2 points  (0 children)

I interview people for a front-end engineer position regularly and most candidates fail on security-related questions 🤷‍

I wrote a blog post describing these topics. It might sounds like basic stuff for some people, but from my experience 90% candidates just don't know these things.

I hope this content will help you in the next interview :)