₦airaland Forum

Welcome, Guest: RegisterLoginWith GoogleTrendingRecentNew

Stats: 3,331,004 members, 8,448,201 topics. Date: Sunday, 19 July 2026 at 11:42 PM

Toggle theme

Brogrammer's Posts

Nairaland ForumBrogrammer's ProfileBrogrammer's Posts

1 2 3 4 (of 4 pages)

ProgrammingRe: Tailwindcss Is Nice But... by Brogrammer(op): 11:09pm On Aug 21, 2022
SqueezedPant:
Vanilla anyday of the same , same way I was hyped to enter bootstrap only to leave after
I hope it isn't same with JavaScript as well , hyped to enter react only to see things I do with react ,I do them with vanilla in even lesser time
You can't be real for saying your development is faster with vanilla Js than react
ProgrammingRe: Tailwindcss Is Nice But... by Brogrammer(op): 6:35pm On Aug 21, 2022
jikins:
Only for reusable classes. No point creating a variable for classes that only one element will use.
Got it thanks
ProgrammingRe: Tailwindcss Is Nice But... by Brogrammer(op): 5:44pm On Aug 21, 2022
jikins:
Away from my pc. It's pretty straightforward

Const anyName = "flex items-center"

Then

<div className={anyName}>...</div>

If you use clsx npm package it's even better as you can add multiple style variable and even more tailwind classes if needed although this can also be done with template string

className={clsx(anyName, anotherVariable , "border" ) }
Thanks man, I love this!... One more question, does this format only comes in handy when you need a reusable class names ? or is this how you write your tailwind?
ProgrammingRe: Tailwindcss Is Nice But... by Brogrammer(op): 3:51pm On Aug 21, 2022
Karleb:
Give it time, you'd get used to it.

That problem was the main reason tailwind was created.

My point is, if tailwind doesn't suit you, you can drop it.
I will give it time, thanks
ProgrammingRe: Tailwindcss Is Nice But... by Brogrammer(op): 3:50pm On Aug 21, 2022
jikins:
One way is to assign those classes you will reuse in a variable den just pass that variable to wherever it is needed. Just started using tailwind myself few weeks ago and that's how I have managed to tackled this problem so far.
Oh nice! Can I get a code snapshot or a link to a reference on how to do this? Thanks
ProgrammingRe: Tailwindcss Is Nice But... by Brogrammer(op): 3:11pm On Aug 21, 2022
Deicide:
Tailwindcss make sense when you using it with React or one of those JS frameworks, if not you'll find yourself repeating codes.
How do you use it with Reactjs without repeating codes?
ProgrammingRe: Tailwindcss Is Nice But... by Brogrammer(op): 3:10pm On Aug 21, 2022
Karleb:
Tailwind has @apply feature that does this exact thing.

If you feel confident in your way of doing things, I don't see why you should learn something else like tailwind tho.
Tailwind is new to me and I do not know anything about the apply feature.

I'm very confident writing CSS and sometimes, naming classes can be a big headache when you're working on a big projects.
ProgrammingRe: Tailwindcss Is Nice But... by Brogrammer(op): 3:03pm On Aug 21, 2022
Fourpockets:
Hmmm...
Inline CSS as objects...


Does it have good code completion, I've used it before and I had to manually type my CSS styles
When you abstract this way, you lose Tailwind css intellisense which helps you with utility class names. This will only be a problem to tailwind CSS beginners

I wouldn't advise anyone to use tailwind this way tho, it defeats it inline styling purpose.
ProgrammingRe: Tailwindcss Is Nice But... by Brogrammer(op): 1:43pm On Aug 21, 2022
Fourpockets:
But what if I want to use a the same or similar style in another components ?, In scss I'll just import the scss file, in CSS I'll just import the CSS file into the component, how can I do similar in tailwind
That's where abstraction comes into play and that kinda defeat what Tailwind stands for... You'll better off writing normal CSS. Check the image attached to have a clue of what I mean

ProgrammingRe: Tailwindcss Is Nice But... by Brogrammer(op): 12:58pm On Aug 21, 2022
Fourpockets:
I hate that class styling idea, that's why I'm forever sticking with my scss.
Maybe I'll use bootstrap when I feel lazy coding a button or tooltip from scratch
There is a trade-off when you use these CSS frameworks. You develop way faster but in return get a ugly and robust mark-up
ProgrammingTailwindcss Is Nice But... by Brogrammer(op): 12:12pm On Aug 21, 2022
Hi devs,
After about 2 years of writing vanilla CSS(plain css), I jumped on Tailwind CSS ship today after being persuaded & forced by my dev friends grin

Tailwind css is nice and all and having a good knowledge of CSS made it easy for me to hit the ground running. Even though it kinda makes development faster, Tailwind css makes my markup ugly and robust yet effective LOL

Writing breakpoints using Tailwind css utility classes is kinda weird, why 'md:flex md:justify-center md:items-center' and not something like 'md:[flex justify-center items-center]'

Lastly, I know Tailwind will be hard to maintain on big projects. Imagine yourself scrolling down hundreds of lines of code (thanks to inline styling) to make changes to a line of text.

I'm still not convinced yet and I may just go back to writing my good old plain CSS.

Here's my first Tailwind CSS project: https://kaleidoscopic-taffy-873c3e.netlify.app/

Have you tried Tailwind css?? what is your reservation??
ProgrammingRe: Experienced React Developers Needed by Brogrammer(m): 11:51pm On Jul 14, 2022
Ayinke93:
Hey everyone! My mentor wants to recruit experienced react developers. Please reply with your phone numbers or send me a dm so we can discuss. Thanks.
I'm a react developer and
this is my portfolio website https://qdus.netlify.app/
ProgrammingRe: I Created A Simple Budget App, Rate It Out Of 10. by Brogrammer(op): 6:45pm On Jun 29, 2022
Samuell2019:
redux toolkit
Check freecodecamp yt channel
ProgrammingRe: I Created A Simple Budget App, Rate It Out Of 10. by Brogrammer(op): 3:36pm On Jun 29, 2022
Samuell2019:
This is really lovely. what resources did you learn with
Learn what with? Be specific
ProgrammingRe: I Created A Simple Budget App, Rate It Out Of 10. by Brogrammer(op): 3:36pm On Jun 29, 2022
JsScript:
Awesome I must say.
Please is this an online project or your personal work.
Thank you! Yeah, It's my personal work.
ProgrammingRe: I Created A Simple Budget App, Rate It Out Of 10. by Brogrammer(op): 7:38pm On Jun 27, 2022
SimeonOTC:
7/10 for me..
friendly, easy, fast but i detect something that may or might be an error or issue. I dnt know if you are aware of it.

here is it. when ever you select a category for either budget or expenses and add price, it create a 'single' list of that budget or expenses, if you try to create 'another' list of budget or expenses of that 'same' category you earlier selected, the list does not create BUT the price of the budget or expenses created with be added the the 'Current budget'... I hope you understand?
Hey Simeon, thanks for taking your time to test the web app.... Your observation is valid and I'm aware of it.

Here is what I did, I don't want users to be able to create multiple budget/expenses for the same category. So instead of doing that, you can just edit the amount for that budget/expenses category.

Do that make sense to you?
ProgrammingRe: I Created A Simple Budget App, Rate It Out Of 10. by Brogrammer(op): 11:44am On Jun 25, 2022
Mhizcontempt:
This is a masterpiece I must say. Is was wonderfully and masterfully made. I like your little to no use of animations, because I've seen a lot of devs just spoil there work with too much unnecessary animations. The UI is really captivating. But the only thing I feel makes your work not so interesting is its lack of features. Like it's just too straightforward but asides That, you did a very wonderful job.


8/10
What features suggestion do you have?
ProgrammingI Created A Simple Budget App, Rate It Out Of 10. by Brogrammer(op): 11:46am On Jun 24, 2022
Hey guys,
I created this simple budget app because I was kinda bored and don't know what to do. Frontendmentor "expenses chart component" project influenced me to build this project.

It was fun to build and I also learned some new Reactjs tricks & tips along the line.

I used, Reactjs, Redux-toolkit, chartjs, localStorage for this project. The live link is down below

https://trybudget.netlify.app/

https://github.com/FesoQue/ExpenseTracker

Your criticism is highly welcome... And I also need suggestion for features I can add too!
ProgrammingRe: My MERN Stack Ecommerce Web Application by Brogrammer(m): 6:29am On Jun 20, 2022
Great job
ProgrammingRe: Rate My Portfolio Website On A Scale Of 1-10 by Brogrammer(op): 11:06pm On Jun 12, 2022
GREATIGBOMAN:
Shut up bro


Everything there is copied from A-Z

The demo data's for example everything from A-Z

How's it idea from your head lol



grin grin grin grin
Ok
ProgrammingRe: Rate My Portfolio Website On A Scale Of 1-10 by Brogrammer(op): 10:59pm On Jun 12, 2022
Think4Myself:
Really @OP huh angry or is the great igbo man just hating as usual grin
Na hatred go choke am die!!! grin

I have replied the werey!
ProgrammingRe: Rate My Portfolio Website On A Scale Of 1-10 by Brogrammer(op): 10:57pm On Jun 12, 2022
GREATIGBOMAN:
Just rechecked your website

I see most of your projects are copied and pasted Verbatim

I mean no disrespect but there's no harm watching a tutorial video then building your own stuff lol

Like this one here https://dbproject.netlify.app/
Actual tutorial
https://www.youtube.com/watch?v=jx5hdo50a2M

Git you may have copied

https://github.com/adrianhajdin/project_syncfusion_dashboard
First of all, you are insane!!!

Secondly, most of my projects are either ideas I brought to live or tasks from frontend mentor. So where is this "they are copied & pasted" idea coming from??

Thirdly, YES, I followed JS Mastery video tutorial step by step to make the dashboard project on my portfolio... While he used context API [/b]for State management in the project, I used [b]redux to manage the state and achieve the same functionality. I invested my time coding it from scratch and THAT makes it a good reason to put the project up on my portfolio. Any issue about that??

You really thought you did something, lol!!!

Lastly, I'm not your regular copy and paste dev, get your fact right and dead this narrative!!!
ProgrammingRe: Rate My Portfolio Website On A Scale Of 1-10 by Brogrammer(op): 10:20pm On Jun 12, 2022
Obasempiree:
As a web developer myself this is wonderful I must say well done. 9/10
Thank you!!!
ProgrammingRe: Rate My Portfolio Website On A Scale Of 1-10 by Brogrammer(op): 9:49pm On Jun 11, 2022
Think4Myself:
Bro, where do you get your UI designs from ?
From my brain
ProgrammingRe: How A Netflix Engineer Landed A $800k Job by Brogrammer(op): 3:25pm On Jun 11, 2022
GREATIGBOMAN:
Source?

Why did he stop the interview at Netflix if I may ask?
Since it seems he's catching fun by doing interviews.

And how come they all had Job openings at same time
https://twitter.com/TeamBlind/status/1534581576452845574?t=hDE6WDuk_RnN2t5LwHvx7g&s=19

ProgrammingRe: How A Netflix Engineer Landed A $800k Job by Brogrammer(op): 12:34pm On Jun 11, 2022
I don't know if I'm doing this frontend the right way undecided
ProgrammingHow A Netflix Engineer Landed A $800k Job by Brogrammer(op): 12:31pm On Jun 11, 2022
A Netflix engineer with 6 years of experience and 1 month of prep on leetcode, system design & behavioral interviews landed a job making $800K

He went through 7 interviews and received 7 offers from Airbnb, Google, Snap, Roblox, Stripe, AtoB, and Quant trading firm.

Below is what each company offer him:

AtoB - $325k
Airbnb- $450k
Google- $480k
Roblox- $560k
Snap- $576k
Stripe- $690k
Quant Firm- $800k
CelebritiesRe: Tonto Dikeh Celebrates Her 37th Birthday Today by Brogrammer(m): 9:49am On Jun 09, 2022
A
ProgrammingHave You Seen A Website With Better Performance Results??? by Brogrammer(op): 10:54am On May 26, 2022
Hey guys,

I decided to run some tests on my personal portfolio website (https://qdus.netlify.app/) to see how it performs, and the results is INSANE!!! shocked grin

I used Google lighthouse _ Gtmetrix to perform this test respectively.

Aesthetically pleasing UI + great website performance === Joy of a developer

I'm available for freelance/jobs opportunities btw.

RomanceRe: She Cheated With A Married Man Now This. Please Advice. by Brogrammer(m): 10:16am On May 26, 2022
cowboyvs:
This girl behaves more matured than even some 30-yr olds that I have dated in the past. She doesn’t nag, doesn’t give me headache, is not quick to anger and so many other good features. Reason why this is a difficult one for me.
Did you just used the word behave, LOL!!!
She sends nude, entertain distraction while she's in full blown serious relationship and you still consider that as a good behavior?

Be honest to yourself man.
RomanceRe: She Cheated With A Married Man Now This. Please Advice. by Brogrammer(m): 9:33pm On May 25, 2022
cowboyvs:
Good day Folks, I am not going to bore you with all the details. Ok, I have been a member of this Forum but I really need matured advise cos I am in a dilemma right now. I met this cute babe in 2021. She is from Edo I am Igbo. I was really thinking of getting married to her but I have some serious concerns.

Firstly, sometime last year she came visiting. While she was sleeping on my laps her phone screen lit up so I was tempted to look and I saw message delivered to Mariam. So something whispered to me to check the content of the message. When I checked, I discovered that the message was deleted after it was sent. So being a Guyman, that discovery spurred my curiosity. What I did was to copy the number and checked on Truecaller, lo and behold a Man’s name appeared. So I checked his name on face book and checked on WhatsApp too and I saw it was a married Man with five kids. So I waited till morning and confronted her. Initially, she denied it was a man but when I confronted her with my evidence she confessed it was a married man. I enquired further and she told me they have had s*x like 4 times while we were dating ooo. I butted her out of my house and blocked her completely. But this babe will be using other pple’s phones to call and be sending msgs telling me she is sorry. So at a point I forgave her and we continued, but, I was not ready to start trusting her again. So last week, I was trying to see if she has truly turned a new leaf before making a major move by going to see her parents. I was shocked what I saw in her WhatsApp. There was this random dude asking her out. From their chats she told the guy that she has a boyfriend so she can’t have anything to do with him. But, she sent him a video of her touching her Vagi*a. Telling him she wets and squirts very well. When the guy demanded they see so he can feel her she told him no that her Vagin* is only for her boyfriend. Also I saw so many guys asking her out but she kept telling them she is in a serious relationship and she can’t date them. So I am really confused. She is 22 and I am 33. It pains me so much cos this girl is so loving and caring and also a good cook. She treats me well and has never disrespected me. I am really hurting inside cos I feel this is not the kind of woman I wanna marry like how do u expose the most intimate part of ur body to someone else. Is it lack of maturity or she is jst loose and I didn’t know. I have refused picking her calls but she keeps on begging and sending msgs seriously. I am tired. Please I need matured advise cos I am no longer getting young and I wanna settle down ASAP.
This is a freaking red flag, man!!!���
But it seems you're seeing a blue flag instead... If you want peace, stay away from under 24 years old girls. They are in this phase that makes them want to try different adventure.

You want to live the life your momma won't want for you!
ProgrammingRe: What Are The Fundamental Programming Languages Needed For Frontend Development? by Brogrammer(op): 3:15pm On May 21, 2022
platymus:
I love your question! As a fullstack engineer you see the whole picture but for front-end developers it is different. As a front-end developer you need to know the three fundamental technology of the web{html,CSS and JavaScript},one tool for ui development {adobexd,InDesign,figma},some graphics tools(Photoshop,illustrator),you will use these tools for mockup and prototyping but in some organisations the UI/UX team is different from those that build the actual front-end but my advice is to learn it as a front-end developer. Also some important frameworks and libraries: one of reactjs or vuejs. Also get to know JavaScript web APIs like webrtc,fileapi,fetch, intersection observer,etc.
Get use to babeljs and webpack but if you feel webpack is too much then start with gulpjs. Also get to know about performance and optimization. Another thing I will advice you add to your skill set is building PWAs (Progressive Web Apps). You must love to learn!I which you great success!
This is very insightful, thanks.
Inasmuch as HTML and CSS are the building blocks of every web pages, can we consider them a frontend programming language??

1 2 3 4 (of 4 pages)