<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: David Guzman</title>
    <description>The latest articles on DEV Community by David Guzman (@daveguz97).</description>
    <link>https://dev.to/daveguz97</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F537263%2Ffadd4f4d-ccbb-4dac-b548-6236f308ee38.jpeg</url>
      <title>DEV Community: David Guzman</title>
      <link>https://dev.to/daveguz97</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/daveguz97"/>
    <language>en</language>
    <item>
      <title>What is your preferred programming language and why?</title>
      <dc:creator>David Guzman</dc:creator>
      <pubDate>Thu, 19 May 2022 00:59:07 +0000</pubDate>
      <link>https://dev.to/daveguz97/what-is-your-preferred-programming-language-and-why-3373</link>
      <guid>https://dev.to/daveguz97/what-is-your-preferred-programming-language-and-why-3373</guid>
      <description>&lt;p&gt;I love TypeScript due to its nature of making JavaScript more strict and less error prone by adding types to your code.&lt;/p&gt;

</description>
      <category>discuss</category>
      <category>webdev</category>
    </item>
    <item>
      <title>The Ultimate Motivation Guide</title>
      <dc:creator>David Guzman</dc:creator>
      <pubDate>Sat, 14 May 2022 01:53:26 +0000</pubDate>
      <link>https://dev.to/daveguz97/the-ultimate-motivation-guide-446f</link>
      <guid>https://dev.to/daveguz97/the-ultimate-motivation-guide-446f</guid>
      <description>&lt;p&gt;Life's hard. There is so many distractions in the world, so many challenges and hardships we faced, and if you didn't yet, consider yourself lucky. It sounds sad and all but there's always a positive to a negative. You can use what you have and create something special.&lt;/p&gt;

&lt;h2&gt;
  
  
  The power of Habits
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--q3LYIOH1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o9c6trhi83r0vhayb86m.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--q3LYIOH1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o9c6trhi83r0vhayb86m.jpg" alt="A person practicing golf" width="640" height="427"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;The more I practice the luckier get - Gary Player&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;The more you code, the better you'll be. It's like riding a bike, you'll fall down a lot at first (I know I have), but by the age of 13 you'll probably be popping wheelies. If you code for 0 minutes a day, you will never learn how to code, but if you code for 30 minutes a day, maybe by a few month to a couple years you'll have a solid understanding of the programming language. Consistency is the key to unlock the doors to success. Fall in love with the process.&lt;/p&gt;

&lt;h2&gt;
  
  
  Embrace Failure
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--6Lx6yNkn--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wr7cy4q8lwpubm817ge1.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--6Lx6yNkn--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wr7cy4q8lwpubm817ge1.jpg" alt="404" width="640" height="498"&gt;&lt;/a&gt;&lt;br&gt;
If you never fail, you'll never learn. That's a rule you should follow. 1 out of 4 of your ideas will fail, embrace it. It's something I learned to live by. Overthinking will solve nothing and it's okay to feel sad. That failure could be a stepping stone to success. Michael Jordan missed 9000 shots in his career, but he kept going. Don't look at it as failure, look at it as a learning point in your life. Failure is the ultimate teacher.&lt;/p&gt;

&lt;h2&gt;
  
  
  Gamify your Life
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--F9C4jVnj--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/25xzh78goo0g4rjuxgm1.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--F9C4jVnj--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/25xzh78goo0g4rjuxgm1.jpg" alt="Mario" width="640" height="427"&gt;&lt;/a&gt;&lt;br&gt;
Games can be hard too. You probably have died more than one time in a video game. You also probably spent countless hours on grinding too. Think of life as a game. You start off as a random person in a random place in life, and you discover new habits. Maybe you look up to Stephen King and want to be a best selling author. To do that your going to have to grind. You'll start off as a level one writer and face unsuccessful attempts but the more you write, the better you'll get, like I said, consistency is key. Let's say your out of shape and you want to jog a mile, if you start off jogging your stamina would be really low. If you jog more and more your stamina will increase, and you'll be able to reach your target. The rules to the game are easy, the more you do something, the easier it becomes. Same applies to socializing, the more people you'll meet out in the world, the more social you'll end up becoming. Ways you can gamify your learning in how to code is using the &lt;a href="https://zapier.com/blog/best-pomodoro-apps/"&gt;Pomodoro technique&lt;/a&gt; or flow. Flow is a way to see how long can you focus without getting distracted.&lt;/p&gt;

&lt;h2&gt;
  
  
  Take breaks
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--vZLTb6gq--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3w69l5i8v5bd7vkemdnw.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vZLTb6gq--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3w69l5i8v5bd7vkemdnw.jpg" alt="Coffee" width="640" height="960"&gt;&lt;/a&gt; &lt;br&gt;
There are rules the game, your playing in survival mode, so you'll have to eat, drink, and sleep. Try not to work more than two hours at a time. Also know, time is limited, so work on your highest priority first.&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;These are some of my tricks that kept me motivated. One thing that helps me a lot, is results. If you grind it out and finally completed a project, it just gives you a great feeling that you accomplish something. Just keeps focusing on your goals, and you'll get there. Happy hacking.&lt;/p&gt;

</description>
      <category>motivation</category>
      <category>productivity</category>
      <category>tips</category>
      <category>career</category>
    </item>
    <item>
      <title>How to Create Personal Projects on Salesforce</title>
      <dc:creator>David Guzman</dc:creator>
      <pubDate>Thu, 12 May 2022 02:48:51 +0000</pubDate>
      <link>https://dev.to/daveguz97/how-to-create-personal-projects-on-salesforce-3311</link>
      <guid>https://dev.to/daveguz97/how-to-create-personal-projects-on-salesforce-3311</guid>
      <description>&lt;p&gt;Creating a project in Salesforce can seem complicated, but it's actually really simple! So here's how you can accomplish that.&lt;/p&gt;

&lt;h3&gt;
  
  
  Prerequisites
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Just Your Internet 😊&lt;/li&gt;
&lt;/ul&gt;

&lt;h1&gt;
  
  
  Sign Up for a Developer Org
&lt;/h1&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--mp-Qiy6z--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6q070jnoecjcoran8yf0.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--mp-Qiy6z--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6q070jnoecjcoran8yf0.PNG" alt="Developer Org" width="880" height="412"&gt;&lt;/a&gt;&lt;br&gt;
I know what your thinking, but Dave, I don't know a single line of code! Don't panic, this applies to architects, admins, business managers, and more (for Omnistudio developers, you'll have to access the Vlocity Success community and have a Vlocity license).&lt;/p&gt;

&lt;h2&gt;
  
  
  Fill in the Fields
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ulzW4JuN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dlm8qzyf7zvnuu92rhar.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ulzW4JuN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dlm8qzyf7zvnuu92rhar.PNG" alt="Sign Up Fields" width="576" height="624"&gt;&lt;/a&gt;&lt;br&gt;
There are a couple things you should know before filling in the fields:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Usernames MUST be in an email format, but it doesn't have to be an actual email; ex: &lt;a href="mailto:daveguz@acmeindustries.com"&gt;daveguz@acmeindustries.com&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Usernames MUST be unique across ALL orgs. Because Salesforce is like an apartment building and each tenant must have a unique name.&lt;/li&gt;
&lt;/ul&gt;

&lt;h1&gt;
  
  
  Conclusion
&lt;/h1&gt;

&lt;p&gt;And now you have a Developer Org you can mess around in and build custom projects. There are some limits like you can only have two salesforce license users. But now you can build projects special to you!&lt;/p&gt;

</description>
      <category>salesforce</category>
      <category>beginners</category>
      <category>tutorial</category>
      <category>career</category>
    </item>
    <item>
      <title>Adding Sound to a React Project</title>
      <dc:creator>David Guzman</dc:creator>
      <pubDate>Sun, 07 Mar 2021 04:14:28 +0000</pubDate>
      <link>https://dev.to/daveguz97/adding-sound-to-a-react-project-51m3</link>
      <guid>https://dev.to/daveguz97/adding-sound-to-a-react-project-51m3</guid>
      <description>&lt;p&gt;Adding Sounds to a react project is fairly simple. In this blog, I'll demonstrate how you can implement sound to your react project!&lt;/p&gt;

&lt;h3&gt;
  
  
  Prerequisites
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Have &lt;a href="https://www.npmjs.com/" rel="noopener noreferrer"&gt;NPM&lt;/a&gt; installed&lt;/li&gt;
&lt;li&gt;Have &lt;a href="https://nodejs.org/en/" rel="noopener noreferrer"&gt;Node&lt;/a&gt; installed&lt;/li&gt;
&lt;li&gt;Familiarity with React and React hooks&lt;/li&gt;
&lt;li&gt;Have an awesome React Project in mind (Perhaps a music portfolio site for a band you like)&lt;/li&gt;
&lt;/ul&gt;




&lt;h4&gt;
  
  
  1. Create your react project.
&lt;/h4&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffickhwuwqtp2yg03ce5z.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffickhwuwqtp2yg03ce5z.png" alt="npx create-react-app sound-demo"&gt;&lt;/a&gt;&lt;br&gt;
First start by creating your react project.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;code&gt;npx create-react-app sound-demo&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  2. Go to your App.js component in the src folder and delete the logo import and everything inside the div.
&lt;/h4&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmczijqo1t0rd7q1sxu5z.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmczijqo1t0rd7q1sxu5z.png" alt="App.js"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h4&gt;
  
  
  3. Add an NPM package called react-sound.
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;npm i react-sound&lt;/code&gt; or &lt;code&gt;yarn add react-sound&lt;/code&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h3&gt;
  
  
  Adding Background Music to your site
&lt;/h3&gt;

&lt;h4&gt;
  
  
  4. Import the song you would like to play and &lt;code&gt;Sound&lt;/code&gt; from &lt;code&gt;react-sound&lt;/code&gt;.
&lt;/h4&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4bbr4a8jmphcxbkjcd8m.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4bbr4a8jmphcxbkjcd8m.png" alt="Importing Sound"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h4&gt;
  
  
  5. Add the &lt;code&gt;&amp;lt;Sound /&amp;gt;&lt;/code&gt; to your app with a few props:
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;url- Link to the music you imported&lt;/li&gt;
&lt;li&gt;playStatus- We will set it to Sound.status.PLAYING.&lt;/li&gt;
&lt;li&gt;playFromPosition- You could adjust the milliseconds of when the music should start playing, I would just leave it at 300.&lt;/li&gt;
&lt;li&gt;onLoading- This is a prop that from the component,this gets called when the sound is loading, You can either add props to the your functional component or you can destructure your props. It would be assigned to handleSongLoading.&lt;/li&gt;
&lt;li&gt;onPlaying- This gets called when the song is playing. It would be assigned to handleSongPlaying.&lt;/li&gt;
&lt;li&gt;onFinishedPlaying- This function will get called when the song is finished playing. It would be assigned to handleSongFinishedPlaying.&lt;/li&gt;
&lt;li&gt;(Optional) loop: you can set loop to either true or false. It would default to false.&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  6. Now if you run &lt;code&gt;npm start&lt;/code&gt; or &lt;code&gt;yarn start&lt;/code&gt;, your sound should be working!
&lt;/h4&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fixqgwu5b5dgwx9xgh482.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fixqgwu5b5dgwx9xgh482.png" alt="Sound Component"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  Displaying a Button that Allows You to Play and Pause the Music
&lt;/h3&gt;

&lt;h4&gt;
  
  
  6. We should add a state to check whether the music should be playing or not.
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;First import &lt;code&gt;useState&lt;/code&gt; from &lt;code&gt;react&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Then add our state which would be a boolean value, &lt;code&gt;const [isPlaying, setIsPlaying] = useState(false);&lt;/code&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  7. Let's add a button
&lt;/h4&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjsbrkcb4gj5umy1pflbf.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjsbrkcb4gj5umy1pflbf.png" alt="Sound Button"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;We'll set the &lt;code&gt;onClick&lt;/code&gt; function to an anonymous function that's set the &lt;code&gt;isPlaying&lt;/code&gt; state opposite to what the current state is.&lt;/li&gt;
&lt;li&gt;Then for the text we'll add a ternary operator for if the state is false the text will display "Play", otherwise, it will display "Stop".&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  8. Set the &lt;code&gt;playStatus&lt;/code&gt; of the &lt;code&gt;&amp;lt;Sound /&amp;gt;&lt;/code&gt; component.
&lt;/h4&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fycmpi93m8o4igot3a2fs.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fycmpi93m8o4igot3a2fs.png" alt="Sound Component"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Set the &lt;code&gt;playStatus&lt;/code&gt; to play only when &lt;code&gt;isPlaying&lt;/code&gt; is set to true, otherwise, &lt;code&gt;playStatus&lt;/code&gt; would be set to &lt;code&gt;Sound.status.STOPPED&lt;/code&gt;.&lt;/li&gt;
&lt;/ul&gt;




&lt;h3&gt;
  
  
  And there you have it, you got a working sound component!
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fu1etnwtafpip9okql175.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fu1etnwtafpip9okql175.png" alt="Completed Project"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>react</category>
      <category>javascript</category>
      <category>npm</category>
      <category>sound</category>
    </item>
  </channel>
</rss>
