DesignRevision

We build products that help designers and developers ship faster.

[DesignRevision @DesignRevision]

🚀 Introducing Shards Dashboards, a premium admin dashboard UI toolkit packed with lots of templates, custom components and support for third-party plugins. Make sure you check it out! https://t.co/d9NvaJb78j #productlaunch #bootstrap

[DesignRevision @DesignRevision]

We're cooking something spicy. Stay tuned!

[DesignRevision @DesignRevision]

Want the full breakdown?

Real examples, gotchas, and quick practice exercises, all here:

👉 https://t.co/u5TPS5vOvy

Bookmark it, share it with your team, and please…
let var go.

#JavaScript #webdev #CodeNewbie #100DaysOfCode

[DesignRevision @DesignRevision]

🧵 let, const, and the death of var in JavaScript

If you’re still using var, it’s time for a little intervention.

Let’s break down how variables really work in JS, and why let and const should be your new best friends.

👇 A thread for devs who want cleaner code:

[DesignRevision @DesignRevision]

Common mistakes:

- Thinking const means totally immutable (it's not)
- Re-declaring variables with let in the same scope
- Still using var out of habit or because a 2013 tutorial said so

[DesignRevision @DesignRevision]

When to use which?

Easy rule:

➡️ Use const by default
➡️ Use let if you need to reassign

[DesignRevision @DesignRevision]

ES6 brought the fix: let and const

- let is block-scoped
- const is also block-scoped, and non-reassignable
- Both don’t hoist like var

Result: fewer bugs, more predictable behavior, and clearer intent.

[DesignRevision @DesignRevision]

var had a good run.

But it's:

Function-scoped (not block-scoped)

Hoisted in weird ways

Still hanging around in legacy code

Ever used var in a loop and got back 5, 5, 5, 5, 5?

Yep, that’s why it’s gotta go.

[DesignRevision @DesignRevision]

What is a variable, really?

It’s just a named reference to a value in memory. That’s it.

But in JS, how you declare that variable makes a huge difference in scope, safety, and readability.

[DesignRevision @DesignRevision]

🎉Shards 3.0.0 has been updated to the latest version of Bootstrap (4.3.1)! Make sure to check it out! https://t.co/7YSD1drGrf

[DesignRevision @DesignRevision]

😻Shards Pro is now live on @ProductHunt and it comes with a special surprise! With this launch, we are giving away discounts up to 40% OFF the already discounted price, but they're in limited supply! Make sure to grab yours while they last! https://t.co/ChVbjIsnB5

[DesignRevision @DesignRevision]

🚀Introducing Shards Pro, a premium UI pack featuring 350+ components, 120+ blocks, 15 pre-made templates in 13 categories perfect for digital products, mobile apps, startups or agencies. https://t.co/BPGraMzkp3 #bootstrap4 #ui

[DesignRevision @DesignRevision]

@hdandhf Yes! 😄 You can check it out here: https://t.co/ZnZlYxkcta

[DesignRevision @DesignRevision]

@vinkiti We're really glad you like it! No plans just yet, but if there will be more requests, we will definitely consider providing TS support. 😄

[DesignRevision @DesignRevision]

@FrendzyMarket Hey there! Sorry for the delay. Based on the error message it looks like you don't have Python installed. Please make sure to install Python and see if the error persists. 😁

[DesignRevision @DesignRevision]

🤔Why I write CSS in JS https://t.co/GBl0qMKxoh #css #js

[DesignRevision @DesignRevision]

🎨Apple, Google, and Netflix logos get a Bauhaus makeover https://t.co/J8x1wecnWd

[DesignRevision @DesignRevision]

⚛️Check out some of the best free React tutorials and courses that can help you master React as fast as possible! https://t.co/dvrZkwiU4B #reactjs #tutorials

[DesignRevision @DesignRevision]

🎨Learn how to style your Angular application using Bootstrap https://t.co/zhY0vzWLtd #angular #bootstrap

[DesignRevision @DesignRevision]

🤔💡Don’t get clever with login forms by @brad_frost https://t.co/xbfAeeVesX #login

[DesignRevision @DesignRevision]

📦⚛️Check out some of the best React UI component libraries in 2019 https://t.co/Szrz4HxLQ6 #react #components #library