Success Hasn't Spoiled Me...Yet!

Success Hasn't Spoiled Me...Yet!

Years ago, I went to a pickup game at the Y. Which reminded me why I quit the basketball team in High School for a nerdier Computer Lab career. I couldn't shoot, dribble or run (although I'm not sure I could ever shoot). I got picked last.

This reminded me why I left the team. I found something I was good at. I loved programming and helping others. Ultimately, that would lead to success, but it wasn't a smooth ride. However, it happened because of the one good lesson I remember from the basketball team...hustle.

The Newsletter

Last week, I wrote the first newsletter, hit the submit button and moved on to write a note to a co-worker. After I wrote a paragraph, I thought...let's check the traffic. I was shocked! 550 subscribers. I reported this to my friend, hit refresh, 650 and going. By the time she replied it was 1000 and as I'm writing this, close to hitting 6,000 subscribers in about a week. That was both exciting and terrifying.

So, thanks for joining my #nerdherd.

The Learning Habit

One thing that really worked for me, even before I was teaching is to commit to learning something new every week, even if it's something small.

I did this video this week about a newer CSS feature called clamp(). It lets you add a min and a max when you specify a size for elements. It's a simple, yet powerful feature that can really improve how you write code. The perfect thing to learn this week.

In addition to posting them on LinkedIn, I'm adding these to my YouTube channel. LinkedIn is a great place to post, but it's really hard to find older content, so the channel is a good place to find out the personal things I'm posting and it always help if you subscribe there as well.

It's a React world and we're just living in it

No alt text provided for this image

I've been doing a lot of React lately. Specifically two courses on React using hooks and also GraphQL. Coming to the library soon. One of the most amazing projects I've seen is this React Component library called react-icons.

It lets you import icons from a ton of libraries including my new go to Bootstrap Icons, but also Font Awesome, and lots more. The cool thing is how easy and efficient it is. After doing the classic installation.

npm install react-icons --save

You can just use it in your components by calling the library you want to load from and one or more icons you want to load into your component.

No alt text provided for this image

That's just so simple and because it's only loading what it needs, real efficient. I wish something like this existed for regular javascript or any other framework.

The closest thing that has really smart installation options is css.gg, although it's not as deep as other libraries at 700 icons. You can use a link tag to install the whole library, or just the icon you need.

<link href='https://css.gg/ {ICONNAME} .css' rel='stylesheet'>


Honestly, I hope more libraries take this approach. I did a video on this on one of my earlier versions of Apply.

It's just the type of thing that makes life easier and your sites load faster.

Back to the Hustle

Again thanks for subscribing and let me know what you'd like me to talk about. Make sure you follow my profile. As I mentioned last week, I try to find two useful things everyday that will help you Apply yourself to full stack development.

If you don't believe me, then here's what Angie Rodiguez had to say.

Comment from Angie Rodriguez about liking 90% of my posts.

Also, leave me a comment. That's how I know you're part of the #nerdherd (thanks to Daniel Bisset for the tag).

No alt text provided for this image

Now, get back to the hustle my friends.

Ray Villalobos

Generative AI, Prompt Engineering and Full Stack Development. LinkedIn Top Voice. Senior Staff Instructor at LinkedIn, Instructor at Stanford University.

4 年

So, nobody's noticed that the title is a reference to an old Rick Springfield album...Big fan, had the mullet to prove it. Ya'll are too young.

回复
Amanda Cavallaro

Developer Relations | Google Dev Expert | LinkedIn Learning Instructor

4 年

Absolutely love your work and all the help you provide the tech community with - we're lucky to have you!

回复

Thanks for sharing -- I just did one of your LinkedIn courses on building React interfaces and it was a nice step up from all the trivial React beginner apps I've done prior. I'll keep an eye out for the newest React courses you're creating!

回复
Sami Ullah

Frontend Developer | TypeScript | Angular | Vue.js | CSS

4 年

I did followed your profile but would mis some of the content, it's good to just follow the newsletter and find everything at one place. Secondly I am impressed with react-icon, you didn't had to acknowledge the react library, just use it. I hope it take care of tree shaking. In my opinion, other libraries like Vue and Angular are not event close to it (correct me if I am wrong) . For instance in Vue you have to register it along with styles in main.js. Register the whole lib (or just part of it if you are concerned about tree shaking) and only than you can use in the component. In Angular there are even more steps to take (despite generator taking care of initial steps) Lastly what tools and process do you use for video tutorials and editing, do LinkendIn Learning has covered it?

回复
Kirsten Lund

Software Developer at PNC

4 年

Love the tip on react-icons, definitely going to try that one!

要查看或添加评论,请登录

Ray Villalobos的更多文章

  • It's PLAI time

    It's PLAI time

    Since I've started teaching about Artificial Intelligence at LinkedIn and Stanford, I get a lot of questions about how…

  • The Ubiquitous 360

    The Ubiquitous 360

    I meet lots of people who wonder if AI will be a fad, like Web3 or other past technology bubbles. However, AI is…

    1 条评论
  • The Subtle Changes

    The Subtle Changes

    Many important changes go unnoticed, but they can be indicative of AI's future direction. Some of these don't seem…

    2 条评论
  • The Marketing Age

    The Marketing Age

    Something funny happened on the way to AGIs. Although we are getting excellent assistance from the modern crop of AI…

    5 条评论
  • The AI Edit

    The AI Edit

    When AI does something you weren't expecting it sort of shocks you. I wasn't really expecting it to be good at a lot of…

    9 条评论
  • The 2024 Paradox

    The 2024 Paradox

    We got a decade of activity in 2023 with Chat GPT exploding into the scene, becoming the fastest growing product in the…

    1 条评论
  • The Auspicious Reboot

    The Auspicious Reboot

    I know. It's been a while since I posted an episode of the newsletter and so much has happened since.

    2 条评论
  • Hold on to Your Bots

    Hold on to Your Bots

    Last year, I thought I'd start 2023 with a new series..

  • The Future Proof

    The Future Proof

    Are you ready for 2023? It's going to be a wild ride. Everyone's worried about Chat GPT, GPT3 and all of the AI that's…

    2 条评论
  • The Missing Fear

    The Missing Fear

    When I hear from developer managers and people looking for developers, one topic keeps coming up. How do you get…

社区洞察

其他会员也浏览了