devsamples

Providing the world with common and easy to use code samples to make your coding journeys easier. #100DaysOfCode #javascript #reactjs

[devsamples @devsamples]

What are some of the common code snippets you have to look up every time you work on a project? Sticky footers? React lifecycle methods? Something more complex?

#webdevelopment #100DaysOfCode #CodeNewbie #javascript #css #javascript #webdev #HTML #reactjs #git #learntocode

[devsamples @devsamples]

SvelteJS makes it easy to do things that would normally require a lot of code/complexity. Here's a way to create a parallax scrolling effect with just a few lines of code.

#javascript #sveltejs #100daysofcodechallenge #CodeNewbie #webdev #code
https://t.co/JHln8Z6Fjt

[devsamples @devsamples]

The :empty pseudo selector is a great way to target elements without any content. Here's one way to use it.

#CSS #100DaysOfCode #CodeNewbie #code #Webdesign #Website
https://t.co/Pa2kiGD3bK

[devsamples @devsamples]

SvelteJS provides some very useful lifecycle functions similar to React's componentWillUpdate/componentDidUpdate. Here's how to use them.

#javascript #sveltejs #100DaysOfCode #CodeNewbie #React #code
https://t.co/VaoUMWfO9Z

[devsamples @devsamples]

Typescript can cause some confusion when trying to define types for data that you don't know the exact shape of. Here's one method for typing an object with unknown properties.

#typescript #javascript #100DaysOfCode #code #CodeNewbie
https://t.co/QXihJARHbC

[devsamples @devsamples]

Although React Native warnings should not always be ignored, there are times when you may want to silence them during development. Here's one method:

#ReactNative #javascript #reactjs #100DaysOfCode #CodeNewbie #code
https://t.co/nEQD4A0RTR

[devsamples @devsamples]

Debounce functions are a great way to prevent performance issues and unnecessary updates for events like input change, resize, scrolling, etc. Here's one example:

#javascript #CodeNewbie #100daysofcodechallenge #webdeveloper #100daysofcode #code
https://t.co/HTaRIFmtiq

[devsamples @devsamples]

Did you know that you can perform client-side redirects without #javascript? Here's how.

https://t.co/7ubmtFBAHX

[devsamples @devsamples]

Javascript comes with some great currency formatting options, no need to use a third-party library in most cases. Here's one example:

#javascript #100DaysOfCode #CodeNewbie #Currency #CodeNewbies
https://t.co/pXYGixV4i7

[devsamples @devsamples]

The getEventListeners() function is an amazing tool that will show you the active event listeners bound to a given DOM node. Here's how to use it.

#javascript #100DaysOfCode #CodeNewbie #webdev #javascript30 #CodeNewbies #Website #Chrome #code
https://t.co/CDdvcZ2obt

[devsamples @devsamples]

Combining the 'selected', 'disabled', and 'hidden' attributes is a great way to give HTML dropdowns a default value. Mix and match them to meet your use case.

#HTML #webdeveloper #100DaysOfCode #CodeNewbie #javascript #frontenddev #webdev
https://t.co/iqGJ4WU1Ib

[devsamples @devsamples]

There are a bunch of different ways to copy a string to the clipboard in Javascript. Here's one method with great browser support.

#javascript #100DaysOfCode #webdevelopment #CodeNewbie
https://t.co/ccaHp489ma

[devsamples @devsamples]

Did you know that you can refresh a page without using javascript? Here's an example that effectively adds client-side polling to a webpage with just HTML.

#HTML #javascript #HTML5 #javascript30 #100DaysOfCode #CodeNewbie #webdevelopment #HTML名刺
https://t.co/7ubmtFBAHX

[Addy Osmani @addyosmani]

The <img> element now supports lazy-loading, async decoding and many other features: https://t.co/QcbvWLQfT7 I wrote about how to optimize UX & the Core Web Vitals with it.

[devsamples @devsamples]

Ever wanted to "go back in time" with Git? You can! Use the reflog command to view the history of changes and reset to a specific commit.

#git #github #100DaysOfCode #javascript #CSS #CodeNewbie #code #webdeveloper #webdev #Website
https://t.co/yAyIWP6DUf

[devsamples @devsamples]

Docker is everywhere these days, but sometimes it can be difficult to find and remove any containers that you have running. Here's a sample to help you stop or remove these containers.

#docker #CodeNewbie #webdevelopment #100DaysOfCode
https://t.co/SE7X0shtYy

[devsamples @devsamples]

Browsers often have a hard time figuring out how to break up long words. Use the word-wrap and word-break properties to specify how a browser should handle text content that doesn't fit.

#CSS #100DaysOfCode #webdevelopment #CodeNewbie #javascript #code
https://t.co/jGmpvL9JqT

[devsamples @devsamples]

There are a number of different ways to empty an array with Javascript. Here are 3. Can you think of any others?

#javascript #100DaysOfCode #CodeNewbies #javascript30 #code
https://t.co/wcUCADMSzn

[devsamples @devsamples]

If you use React Navigation, you may have wanted to send data back to a component when using the goBack() method. This is not supported, but here's a workaround.

#ReactNative #reactjs #100DaysOfCode #CodeNewbie #ios #Android #code
https://t.co/ndkJw3sA7j

[Mikael Ainalem @mikaelainalem]

Using clip-path transitions to create a hamburger menu open effect. On @CodePen https://t.co/GOEtxqRc8h

[devsamples @devsamples]

Removing all files of a given type or extension is a breeze with the command line. Here's one way you can do it on UNIX or Windows machines.

#UNIX #Windows #100DaysOfCode #Linux #CodeNewbie #code
https://t.co/lH89flNcfT