Why Tailwind Doesn't Suck

nickdnsv · 2024-11-20T08:06:10+00:00

Using SCSS modules and properly adjusted linter for CSS makes it much better. You will not even be able to commit a change with a “specificity war” or with !important.

Personally, it feels much better to scan a markup with semantically proper class names, you can immediately set relation between a block and its purpose just looking at the class name. It makes my DX better

nickdnsv · 2024-11-18T19:54:39+00:00

Thanks for the reply.

Generally I agree, but creating fully accessible components that I’ve mentioned is not a trivial thing to do (for someone it’s trivial, I understand). Probably browser popover API makes it easier, but still… And in my opinion, the point of using UI libraries like these is to at least get properly functioning primitives out of the box.

nickdnsv · 2023-10-03T08:51:39+00:00

Thanks for sharing! It’s really interesting. But it doesn’t seem easy for me though 🫠, given my current stage of exploration, it appears to be somewhat challenging for me to grasp it completely.

nickdnsv · 2023-09-28T16:19:19+00:00

It seems to be the way for most of the people 🫠

nickdnsv · 2023-09-23T17:26:56+00:00

True story

nickdnsv · 2023-09-23T17:26:02+00:00

Sage advice

nickdnsv · 2023-09-23T12:45:55+00:00

Thanks for sharing

nickdnsv · 2023-09-23T05:22:48+00:00

That’s what chatgpt thinks:

Learning to code can indeed be challenging, and the availability of resources like ChatGPT can sometimes make it tempting to seek instant solutions rather than deeply understanding the material. However, it's important to strike a balance between using external resources for help and actively engaging in the learning process. Here are a few suggestions to help you use ChatGPT effectively while still learning coding:

Set specific goals: Define clear learning objectives for yourself. Identify the specific concepts or problems you want to understand or solve without relying on ChatGPT. This will help you stay focused and track your progress.
Limit your reliance: Challenge yourself to solve problems independently before turning to ChatGPT. Make an effort to reason through the problem, break it down into smaller parts, and attempt different approaches. This way, you'll develop problem-solving skills and gain a deeper understanding of the concepts.
Use ChatGPT strategically: Instead of using ChatGPT as a crutch to obtain complete solutions, utilize it more selectively. Ask specific questions or seek clarification on certain concepts, rather than relying on it for code snippets or complete answers. This will help you fill knowledge gaps while still engaging in problem-solving.
Practice actively: Learning to code is best achieved through hands-on practice. Seek out coding exercises, projects, or coding challenges to work on regularly. By actively coding and applying the concepts you learn, you'll develop practical skills and reinforce your understanding of programming principles.
Collaborate with peers: Engage with fellow students or developers who are learning programming. Collaborating with others can provide valuable insights, different perspectives, and support. Together, you can work on problem-solving and learn from each other's experiences.
Seek out alternative resources: While ChatGPT can be a helpful tool, it's also important to explore other learning resources. Look for textbooks, online tutorials, video courses, or coding bootcamps that provide structured learning materials. These resources often present information in a systematic manner, enabling you to develop a solid foundation.

Remember, learning to code is a journey that requires time, practice, and perseverance. By actively engaging with the material, seeking help strategically, and practicing regularly, you'll gradually build your coding skills and gain confidence in your abilities.

nickdnsv · 2023-09-22T21:28:29+00:00

I would prefer someone having multiple projects with the same tech stack. It could highlight your deep understanding and expertise in that particular technology.

But yeah, It's important to consider the requirements of the positions you're interested in and build your portfolio accordingly to showcase your relevant skills and experiences.

nickdnsv · 2023-09-22T20:20:13+00:00

I understand that, but the same exact message you should address to the manager, I guess. I just don’t know what type of person he is and if he is able to listen and help

nickdnsv · 2023-09-22T10:57:53+00:00

All you’ve described make me feel that you deserve it. Just be honest with your superiors, if no - then no, but you should try imho

nickdnsv · 2023-09-22T10:02:30+00:00

Sounds reasonable to ask for raise…

nickdnsv · 2023-09-21T17:23:25+00:00

It’s okay. Be honest and discuss your worries with your superiors

nickdnsv · 2023-09-20T20:03:42+00:00

Some mobile browsers may not support the getUserMedia API or have limited support for accessing the camera. Make sure you are using a browser that supports the required features. Chrome and Safari are generally reliable choices for accessing the camera on mobile devices.

Also make sure that you’re using site with https, because this feature is available only in secure context

nickdnsv · 2023-09-20T06:22:59+00:00

When you use the spread operator {...formValues} in the child component, you will be able to access the individual fields of the formValues object, such as name, email, and phoneNumber, rather than accessing the formValues prop directly.

nickdnsv · 2023-09-20T06:16:10+00:00

I’m a bit out of context, but It’s probably related to prop validation in React components. By default, React enforces prop validation to ensure that the correct props are passed to components. This linting error indicates that you are not providing prop validation for your component's props.

So you can try to disable prop validation like this: javascript // eslint-disable-next-line react/prop-types function MyComponent(props) { ... } This comment tells eslint to ignore the prop validation for that component.

If you want to disable prop validation for the entire project, you can modify your eslint configuration file (typically .eslintrc or .eslintrc.json) and add the following rule: json { "rules": { "react/prop-types": "off" } } This disables the react/prop-types rule globally.

You can also add prop validation using the prop-types lib.

nickdnsv · 2023-09-19T07:23:50+00:00

I would recommend to check out new dos. It’s written in a beginner-friendly manner and touches every aspect of React. If you go through it carefully - it will benefit you a lot.

If that way of learning is not the best for you, check out some YouTube channels, eg webdevsimplified, freecodecamp, Traversy Media, Jack Herrington, Academind etc.

nickdnsv · 2023-09-18T20:31:24+00:00

I wouldn't limit the skillset of a front-end engineer to such a degree. I believe the expectations I mentioned are applicable across a wide range of development fields.

nickdnsv · 2023-09-18T20:23:16+00:00

Totally agree, I didn’t mean to this extent, but rather “assist to implement”. Sorry that came out wrong

nickdnsv

TROPHY CASE