alayek

6 ms·

1.
by alayek 4y ago
Regarding rem <-> px conversions, I follow this intuition: _multiply by 4 gives you px value, dividing by 4 gives you rem value._ `h-8` utility is height of 8 * 4 = 32px or 8 / 4 = 2 rem. Since design systems are supposed to be c
2.
by alayek 4y ago
At work, we've built a component library styling readily available headless components from Radix UI, Headless UI, Reach UI etc. with a customized Tailwind CSS preset. We had to use `rtl:` directive only in one component, where we were
3.
by alayek 4y ago
I've had some experience migrating large UI projects at work to use a design system based on Tailwind. Haven't faced any issue with Tailwind at all, even while integrating in existing projects. Tailwind is a different way of writi
4.
by alayek 4y ago
I found that one can make Tailwind CSS utility classes appear vertically, if one's been using clsx library[1] (or something similar). clsx accepts an array, and at that point, prettier formatting kicks in. You could have a React `<B
5.
by alayek 7y ago
I'm not sure why you believe this would be a difficult task to achieve. You've already mentioned in the other comment, that drift is your concern, and that can be fixed easily. Though it has nothing to do with hooks. One has to tr
6.
by alayek 8y ago
In India, Spotify Premium is 119 INR / month, while Apple Music is 120 INR / month. Spotify also have few other options, like annual membership, and student plans. While recommendation is off the charts, the collection simply isn&
7.
by alayek 8y ago
This is great! Just one feedback - kindly reduce the CSS font-weight from 900 to something like 400-500.
8.
by alayek 8y ago
I learned this the hard way, coming from React to Vue land; that v-for on an element would also repeat the element itself. With React, it was pretty clear which element / component would repeat.
9.
by alayek 8y ago
Have been developing with React for last 3 years, and recently started building with Vue JS. React's core philosophy is JS everywhere - there's no template, no HTML, no CSS; only JS. As much as possible, write JS, and if you can,
10.
by alayek 8y ago
Have used Buildkite at a previous workplace. Really liked the UI. This is coming from someone who has used Jenkins, Travis, Codeship, and GitLab CI. Their front-end is open source: https://github.com/buildkite/frontend
11.
by alayek 9y ago
This is an apple to orange comparison. Gulp is a tool that lets you decide what the build process should look like. Webpack is a tool where you define entry points, split points etc., and what you finally need. Based on that webpack decides
12.
by alayek 9y ago
You'd be surprised. I have a friend, whose team had this policy - no raise with promotion. He got a promotion with no raise. When asked, his manager said, "you shouldn't work for money. You should work for the learning experi
13.
by alayek 9y ago
In my first job, about four years ago, my first task was to make certain modifications in firebug for our company's internal use (mostly in reporting and filtering). I didn't even know JS to begin with. Jan Orvadko, the lead maint
14.
by alayek 9y ago
In case you already haven't, might wanna add the "Kill Sticky" bookmarklet: https://alisdair.mcdiarmid.org/kill-sticky-headers/
15.
by alayek 9y ago
I was confused with this initially as well. What I came to understand, was that "server-side rendering" refers to whole application lifecycle steps: - The server generates initial HTML markup, based on the request. - The browser c
16.
by alayek 9y ago
> instead of the current situation where they are copied and then made mutable. Could you share an example? As far as I understand, Immutable JS uses something like a trie for structural sharing and avoids memory leaks.
17.
Browser-based JS Bundler for Codesandbox.io(medium.com)
6 points by alayek 9y ago|0 comments
18.
by alayek 9y ago
> We still don't have a type system, static analysis, multi-threading, first-class IDE support Let me try to address these. Regarding type system, lot of great languages don't have type systems either. But if there's lot o
19.
by alayek 9y ago
> JS has service workers Do you mean Web Workers? https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers...
20.
by alayek 9y ago
> Is nobody even slightly wondering how OOP has infiltrated modern JS development? I would like you to give an example of this. We use the class-syntax, yes, but inheritance usually never goes beyond one level of parent-class-child-class
21.
by alayek 9y ago
Even better. You don't even need to set up a build system for async/await, ES6 modules (coming in Chrome 61) these days. Most modern browsers support a great portion of ES6+ specifications by default. Live / Hot reloading mig
22.
by alayek 9y ago
A refreshing read. Was expecting a satirical negative take on the complexity. However, this only covers a small part of front-end development with VDOM based approach, and a few ES6 constructs (destructuring, arrow functions, let-const). Th
23.
by alayek 9y ago
The way I see it, there are two types of callbacks - synchronous and asynchronous. This is a synchronous callback (but callback nonetheless), that takes an array of numbers, and adds its entries: arr.reduce(function(acc, item){ return ac
24.
by alayek 9y ago
I have been in your position about a year ago. The approached that helped me, was to not worry about all this. Just start somewhere; and in a month or two, you would mostly know which libraries you need to add to your project. The best way
25.
by alayek 9y ago
Duplicate of this thread: https://news.ycombinator.com/item?id=15087831
26.
by alayek 9y ago
The way to look at it, is that browser is a target runtime platform. When you write code in a team, you optimize for readability, maintainability etc. You spread your code over 5 directories, 50 subdirectories, 3000 files. When you want to
27.
by alayek 9y ago
I didn't know that, thanks for pointing out. I like Yarn run, because if I'm running a lint or tests, it errors out with error messages related to the specific process. If you run via npm run, it would throw lot of extra error mes
28.
by alayek 9y ago
Personal experience: NPM can be mind-bogglingly slow in Windows. In my previous day-job, an NPM install on Windows 7 could take hours, for some reason. That's NPM 3 with about 20 dependencies on a small project. NPM on Windows also had
29.
by alayek 9y ago
I have never claimed that it's unique. In fact, most ideas in tech is just old wine in a new bottle. However, I guess what made it appealing initially, was that it uses a syntax known to a lot of web developers. The callback pattern he
30.
by alayek 9y ago
Sorry to say this, but this kind of statements don't really add anything to the discussion. _Only a sith deals in absolutes_. Recently, JavaScript has adopted lot of language feature from C#, Ruby etc., that make it really useful for m

More ›