<?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: Amanda Lane</title>
    <description>The latest articles on DEV Community by Amanda Lane (@amlane).</description>
    <link>https://dev.to/amlane</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%2F149822%2F0aecf8d1-24e2-40ed-8d1b-af3f4e78c4ff.jpg</url>
      <title>DEV Community: Amanda Lane</title>
      <link>https://dev.to/amlane</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/amlane"/>
    <language>en</language>
    <item>
      <title>The First Month of My Web Dev Job Search</title>
      <dc:creator>Amanda Lane</dc:creator>
      <pubDate>Mon, 06 Apr 2020 16:21:58 +0000</pubDate>
      <link>https://dev.to/amlane/the-first-month-of-my-web-dev-job-search-2dhn</link>
      <guid>https://dev.to/amlane/the-first-month-of-my-web-dev-job-search-2dhn</guid>
      <description>&lt;p&gt;A few weeks ago I shared some of the steps I'm taking to prepare for finding my first web dev job after completing the curriculum at Lambda School. In this post I'd like to share some of the lessons I've learned during the first month of my web dev job search.&lt;/p&gt;

&lt;h4&gt;
  
  
  Have an elevator pitch ready
&lt;/h4&gt;

&lt;p&gt;Your first interview with a company will most likely not be technical. My second week of my job search I had two phone interviews, one with a recruiter and another with a hiring manager. They both asked me basic questions about my technical background, who I am, and why I'm interested in the position with their company.&lt;/p&gt;

&lt;p&gt;When creating an elevator pitch I have a few suggestions:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Don't be too long-winded. Find a way to describe your background without making your audience glaze over. Stick to the important parts. Bonus points if you can find a central theme that helps to tie your story to your values. For example, I love to connect my coding journey to my fitness journey and how you're never done improving. You're always improving and growing.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Don't lie. I guess you can embellish the truth if needed, but I quickly learned when I worked in sales that if you stray too far from the truth when selling something (because an elevator pitch is just a sales pitch for yourself) you will get caught in the lie. If a person interviewing you even gets the hint that you're being dishonest, you can probably kiss that job goodbye.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Don't be afraid to be honest. I think people appreciate when you're not afraid to be honest right away in an interview. That says a lot about your character and what it'd be like to work with you. Just make sure you're always coming from a place of professionalism and a good attitude. &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Practice saying your pitch out loud. Record yourself and listen to how you sound and make notes of how you could improve. I think sounding confident and comfortable over the phone is a skill that takes practice. &lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h4&gt;
  
  
  Make it a habit to solve at least 1 code challenge per day
&lt;/h4&gt;

&lt;p&gt;The best way to keep your skills in shape is by using them every day. One thing I've learned from going to a coding bootcamp is that your brain is a muscle and you need to treat it that way. If you stop working out you will lose your strength over time. Same goes for your coding skills. &lt;/p&gt;

&lt;p&gt;This should also work as a "keystone habit" where you'll be more likely to start adopting other habits, such as working on a project or applying to jobs after your code challenge. If you've never heard of a keystone habit, check &lt;a href="https://www.youtube.com/watch?v=bNrnQxMDUx4"&gt;this video&lt;/a&gt; out.&lt;/p&gt;

&lt;p&gt;I also participate in a weekly study group where we continue to study Computer Science concepts. Lately we've been focused on algorithms and finding better solutions. I also found this &lt;a href="https://dev.to/macmacky/70-javascript-interview-questions-5gfi#32-what-are-higher-order-functions"&gt;article&lt;/a&gt; which I think is a great compilation of a lot of the fundamentals I learned during my time at Lambda School.&lt;/p&gt;

&lt;h4&gt;
  
  
  You need a plan no matter how much free time you have
&lt;/h4&gt;

&lt;p&gt;I haven't been immune to the lack of focus and stress-eating caused by the recent events that's affecting almost everyone on the planet. It has been hard for me to watch the news and my social media feeds. Every day started to seem more bleak than the one before - especially when I started seeing posts from developers looking for a new position because they had just lost theirs. &lt;/p&gt;

&lt;p&gt;I was losing my optimism and positive outlook. When my school offered a one week spring break I took it. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--rEy0VxVh--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/7oa8jzpo7ej5j511xkpr.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--rEy0VxVh--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/7oa8jzpo7ej5j511xkpr.jpg" alt="Osage River at Painted Rock State Forest" title="A photo taken on my hike at Painted Rock State Forest trail" width="450"&gt;&lt;/a&gt;&lt;/p&gt;
A photo taken on my hike at Painted Rock State Forest trail



&lt;p&gt;I slept in and ate sweets. I went for long hikes on trails I'd never been to. I cleaned out my storage room. I took my bike out for a spin. I still even managed to knock out some code challenges and worked on a couple personal projects during the evening. &lt;/p&gt;

&lt;p&gt;At the beginning of my break, I had made a goal to apply to at least 2 jobs every day. I didn't really make a plan of when or how I'd do it. I figured that a single person with a simple lifestyle would easily just find the time to achieve all their goals. Right? &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--se7zPqIa--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.shopify.com/s/files/1/0025/4646/6879/articles/michael_scott_yikes_600x.jpg%3Fv%3D1578686567" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--se7zPqIa--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.shopify.com/s/files/1/0025/4646/6879/articles/michael_scott_yikes_600x.jpg%3Fv%3D1578686567" alt="Michael Scott making yikes face" width="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Friday rolled around I realized I hadn't accomplished my goal at all. Not even close. 🙈 I randomly noticed our Friday staff meeting at my school was still going on so I decided to join - it turned out to be a presentation on careers endorsement. I got to listen to how another student managed their time and I realized I had a lot of room for improvement in that area of my life. &lt;/p&gt;

&lt;p&gt;If I was going to accomplish all of my goals I was going to need a plan. I started researching other people's morning routines and time management systems. One YouTuber challenges herself by trying CEO &amp;amp; celebrity morning routines. My favorite morning routine so far has been The Rock's (Dwayne Johnson). &lt;/p&gt;

&lt;p&gt;Although I'm not hardcore enough to wake up at 4am and run for an hour, I decided this morning to wake up at 5:30am and go for a 1 hour hike. I noticed that, as much as I love that I can sleep in every day, there's a really great feeling you get from accomplishing goals before most people are even awake. I have the rest of my day planned out (including this time I scheduled to work on this blog post 😊).&lt;/p&gt;

&lt;p&gt;I am challenging myself to try this new morning routine for a week to see what affects it will have on my productivity. I will report back on my findings next week!&lt;/p&gt;

&lt;h4&gt;
  
  
  Use breaks as a time to refresh and rejuvenate your motivation
&lt;/h4&gt;

&lt;p&gt;Not to repeat myself, but the brain seems to respond to learning similar to how muscles respond to training. Unless you're a genetically blessed, you won't perform your best if your training consists of running farther every day. Especially if you're used to laying on the couch watching TV. The same goes if you try to learn new things at a fast pace every day without a break. You eventually hit a wall and stop progressing. &lt;/p&gt;

&lt;p&gt;Here are some last thoughts I have about balancing self-care with our goals:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;You will be more productive and efficient at learning when you have a healthy body &amp;amp; mind that is nourished &amp;amp; hydrated.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;You're never going to learn everything no matter how much self-care &amp;amp; happiness you sacrifice.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Create a routine for yourself that allows you to achieve your goals. You are the maker of your own destiny! Make today beautiful. 🌼&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;What have you learned during your job search so far? Do you have a morning routine or a habit that helps you stay productive and accomplish your goals? Let me know about it below - I'd love to hear your hacks! &lt;/p&gt;

</description>
      <category>jobsearch</category>
      <category>coding</category>
      <category>jobhunt</category>
      <category>findingwork</category>
    </item>
    <item>
      <title>My First Week On The Job Hunt: Preparing and Networking</title>
      <dc:creator>Amanda Lane</dc:creator>
      <pubDate>Fri, 20 Mar 2020 01:22:48 +0000</pubDate>
      <link>https://dev.to/amlane/my-first-week-on-the-job-hunt-preparing-and-networking-4i33</link>
      <guid>https://dev.to/amlane/my-first-week-on-the-job-hunt-preparing-and-networking-4i33</guid>
      <description>&lt;p&gt;Hello there! You may remember my blog post about &lt;a href="https://dev.to/amlane/hi-i-m-amanda-this-is-what-i-ve-learned-after-1-week-at-lambda-school-s-full-stack-dev-program-580h"&gt;my first week at Lambda School&lt;/a&gt;. &lt;/p&gt;

&lt;p&gt;Well I'm all grown up and have finished my last week of Lambda School! 🎉 &lt;/p&gt;

&lt;p&gt;Now that I'm officially on the hunt, I decided to share my job search experiences, successes and failures with you week-by-week to serve as a keepsake for myself and a guide to help others trying to break into their first tech job.&lt;/p&gt;

&lt;h4&gt;
  
  
  Have your resume, portfolio and LinkedIn reviewed
&lt;/h4&gt;

&lt;p&gt;I am very lucky to have access to career coaches at Lambda School pretty much any time I need them. They will review my work for typos, areas of improvement and missing items that would make me stand out against the competition.&lt;/p&gt;

&lt;p&gt;If you don't have access to a career coach, you can have a friend or family member you trust review your work. Make sure you remind them you want critical feedback and not an ego-boost. This is no time for being nice! You want to know if your portfolio doesn't look good on their device, if there's a typo on your LinkedIn, or if your profile picture isn't professional.&lt;/p&gt;

&lt;p&gt;When you're creating your resume keep in mind that most people will spend about 10 seconds scanning your resume. Make sure you're thinking about the architecture of your information and that the most relevant information for the employer is at the top or easy to find, such as recent projects and skills.&lt;/p&gt;

&lt;p&gt;After you've had someone review your resume, make sure you apply the suggested changes and then do a final review. For my final review, I used a tool called &lt;a href="https://cvcompiler.com/"&gt;CV Compiler&lt;/a&gt; that will scan your resume to find weak spots for improvement. I absolutely loved this tool and how it helped to put the finishing touches on my resume. I felt confident knowing that I am using every advantage I can to make my resume stand out from the rest.&lt;/p&gt;

&lt;h4&gt;
  
  
  Networking &amp;gt; Cold Applying
&lt;/h4&gt;

&lt;p&gt;Although I technically have no frame of reference since I haven't tried the method of filling out tons of applications yet, I'm still confident that networking yields better, more quality results. &lt;/p&gt;

&lt;p&gt;I like to use dating as an analogy for this. If you're just walking up to each person in a local bar asking "Want to go out?" you will probably get a lot of rejections. What if you spent time on a person who seemed interested and built up a rapport before you asked them? I bet you're much more likely to get a date out of that! Networking can be just like that!&lt;/p&gt;

&lt;p&gt;If you're not sure how to start networking, here's how I got my first interview. I noticed recently on LinkedIn there were posts asking for new devs looking to break into tech to comment/like/share to boost their visibility to potential employers and recruiters. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.linkedin.com/in/ricardo-morales-1820/"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--cOicDXQi--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/oz75e2bf7cl7kno3ockv.PNG" alt="Alt Text"&gt;&lt;/a&gt; &lt;br&gt;
&lt;i&gt;(Ricardo is an AWESOME person to connect with. Click this image to visit his LinkedIn page)&lt;/i&gt;&lt;/p&gt;

&lt;p&gt;I thought, "what the heck do I have to lose?" I left a comment and didn't think much of it. Within the next day I had a response - from an employee at Facebook!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ZaF7zwUo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/zr5atd75ht1r1krbau28.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ZaF7zwUo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/zr5atd75ht1r1krbau28.PNG" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;They ended up liking my work and referred me to their employer as candidate for a team they were looking to add a new member to. Since then I've had two phone interviews and am being prepped for the next steps (more on this in my next post for week 2). I truly believe I wouldn't have made it to the first phone call if I hadn't networked for this opportunity and only cold applied for the position (if it's even publicly available to apply for). I also now have the advantage that I was referred to them by their own employee, not just some random person who applied.&lt;/p&gt;

&lt;p&gt;If you've only been cold applying and not having great luck, definitely try to start meeting new people who are looking to help others break into tech (and maybe get a referral bonus if you get the job).&lt;/p&gt;

&lt;h4&gt;
  
  
  Networking !== an underlying motive that only benefits you
&lt;/h4&gt;

&lt;p&gt;Networking isn't building friendships where only one person benefits, so make sure to give back to the people who are helping you. Even if it's only a thank you and a promise to help others break into tech once you do. &lt;/p&gt;

&lt;p&gt;Remember the dating analogy - if you want to make networking really effective you need to actually build a rapport with someone. &lt;/p&gt;

&lt;h4&gt;
  
  
  Have the right mindset going into your job search
&lt;/h4&gt;

&lt;p&gt;Unless you're some sort of coding prodigy reincarnated, you're going to face a lot of rejection and negative feedback so it's really important to have a healthy mindset going into your job search. &lt;/p&gt;

&lt;p&gt;I've decided to focus on being my most authentic self and be okay with going into an interview knowing that statistically I'm not going to get the job. I try to find gratitude in just being considered and getting the opportunity to connect with new people and practice sharing my story and hearing theirs (Seriously! Ask the person interviewing about their story. I bet they'd love to share it). &lt;/p&gt;

&lt;p&gt;Yes, this is much easier said than done but in order to make it through many rounds of interviews and multiple rejections you will want to remind yourself not to get your heart set on a certain outcome and to think of every interview as a learning experience that will help to better prepare you for the next one.&lt;/p&gt;

&lt;p&gt;I hope these tips help and I plan to continue providing more along my journey to help us both live our best lives. If there are any topics you would like to see covered, please feel free to leave a comment here or reach out to me on &lt;a href="https://twitter.com/reallycoolcoder"&gt;Twitter&lt;/a&gt;!&lt;/p&gt;

&lt;p&gt;&lt;i&gt;This article is intended to share my experiences and results may vary using the techniques I used.&lt;/i&gt;&lt;/p&gt;

</description>
      <category>jobsearch</category>
      <category>codingjobs</category>
      <category>programmingjobs</category>
      <category>jobhunt</category>
    </item>
    <item>
      <title>A Guide to React Native: For Beginners by Beginners - Part I</title>
      <dc:creator>Amanda Lane</dc:creator>
      <pubDate>Sun, 10 Nov 2019 22:49:20 +0000</pubDate>
      <link>https://dev.to/amlane/a-guide-to-react-native-for-beginners-by-beginners-part-i-111</link>
      <guid>https://dev.to/amlane/a-guide-to-react-native-for-beginners-by-beginners-part-i-111</guid>
      <description>&lt;p&gt;This article is intended for those who already have some experience with React and are complete beginners to React Native. After reading this article you can expect to be able to create a React Native application and start to explore some of the differences you'll run into while developing in React Native vs. traditional React. I have included links within this article as well as a list at the bottom for your reference. I hope you enjoy learning React Native with me. Let's get started!&lt;/p&gt;

&lt;h2&gt;
  
  
  1. Setup
&lt;/h2&gt;

&lt;p&gt;There are 2 types of setup instructions for React Native - Expo CLI and React Native CLI. Let's go over the differences between these 2.&lt;/p&gt;

&lt;h3&gt;
  
  
  React Native CLI
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;only available for Mac users&lt;/li&gt;
&lt;li&gt;more options to customize native features, especially iOS&lt;/li&gt;
&lt;li&gt;more of a learning curve&lt;/li&gt;
&lt;li&gt;requires the use of XCode or Android Studio&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Expo CLI
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;available for Windows, Linux and Mac &lt;/li&gt;
&lt;li&gt;limitations on features/customization&lt;/li&gt;
&lt;li&gt;allows you to share projects in development (Android only)&lt;/li&gt;
&lt;li&gt;simplifies and does a lot of the work for you, like with deploying to app stores. No need to use XCode or Android Studio&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;There used to be a third option, Create React Native App (CRNA), but that has been merged with Expo.&lt;/p&gt;

&lt;p&gt;You can read more about Expo vs. React Native CLI from a smarter person here: &lt;a href="https://levelup.gitconnected.com/expo-vs-react-native-cli-a-guide-to-bootstrapping-new-react-native-apps-6f0fcafee58f"&gt;https://levelup.gitconnected.com/expo-vs-react-native-cli-a-guide-to-bootstrapping-new-react-native-apps-6f0fcafee58f&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I currently am using Expo to develop with React Native which seems to be the preferred method for most developers I've talked to. This blog post is geared towards users who chose the Expo CLI Quickstart instructions. This guide should work for all the major OS: Windows, Mac and Linux.&lt;/p&gt;

&lt;p&gt;&lt;i&gt;Helpful hint for Windows users: I ran into a lot of issues with Gitbash and found that I had a much better experience using Powershell. I highly recommend using Powershell to run your expo/react native commands instead of Gitbash.&lt;/i&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  2. Creating a new application
&lt;/h2&gt;

&lt;p&gt;Now that you've set up your expo environment, let's spin up a new React Native App! Simply make sure you're in your project directory (the folder where you keep all your code projects). Let's try inputting this command in the terminal: &lt;/p&gt;

&lt;p&gt;&lt;code&gt;expo init RNToDoApp&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;i&gt;You can currently use uppercase letters in the application name, unlike regular React.&lt;/i&gt;&lt;/p&gt;

&lt;p&gt;You're going to get a response that looks like this:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight shell"&gt;&lt;code&gt;? Choose a template: &lt;span class="o"&gt;(&lt;/span&gt;Use arrow keys&lt;span class="o"&gt;)&lt;/span&gt;
  &lt;span class="nt"&gt;-----&lt;/span&gt; Managed workflow &lt;span class="nt"&gt;-----&lt;/span&gt;                                                  
&lt;span class="o"&gt;&amp;gt;&lt;/span&gt; blank               minimal dependencies to run and an empty root component
  blank &lt;span class="o"&gt;(&lt;/span&gt;TypeScript&lt;span class="o"&gt;)&lt;/span&gt;  same as blank but with TypeScript configuration
  tabs                several example screens and tabs using react-navigation
  &lt;span class="nt"&gt;-----&lt;/span&gt; Bare workflow &lt;span class="nt"&gt;-----&lt;/span&gt;
  bare-minimum        minimal setup &lt;span class="k"&gt;for &lt;/span&gt;using unimodules
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;For our purposes let's leave the arrow selection on the first option. If you want to know more about the differences between the templates, let me know and I can try to learn more about that in a future post. &lt;/p&gt;

&lt;p&gt;Now you should see a prompt telling you that your configuration is almost completed. Click in the incomplete section for name and provide a name for your application. This entry can include spaces.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight shell"&gt;&lt;code&gt;? Please enter a few initial configuration values.
  Read more: https://docs.expo.io/versions/latest/workflow/configuration/ » 50% completed
 &lt;span class="o"&gt;{&lt;/span&gt;
   &lt;span class="s2"&gt;"expo"&lt;/span&gt;: &lt;span class="o"&gt;{&lt;/span&gt;
     &lt;span class="s2"&gt;"name"&lt;/span&gt;: &lt;span class="s2"&gt;"&amp;lt;The name of your app visible on the home screen&amp;gt;"&lt;/span&gt;,
     &lt;span class="s2"&gt;"slug"&lt;/span&gt;: &lt;span class="s2"&gt;"RNToDoApp"&lt;/span&gt;
   &lt;span class="o"&gt;}&lt;/span&gt;
 &lt;span class="o"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;You'll receive another prompt asking:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight shell"&gt;&lt;code&gt;Yarn v1.15.2 found. Use Yarn to &lt;span class="nb"&gt;install &lt;/span&gt;dependencies? &lt;span class="o"&gt;(&lt;/span&gt;Y/n&lt;span class="o"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;Unless you have a have a problem with using yarn, you can say "y" here.&lt;/p&gt;

&lt;h2&gt;
  
  
  3. Fire it Up 🔥
&lt;/h2&gt;

&lt;p&gt;You should have received a success message and instructions for firing up your new React Native App:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight shell"&gt;&lt;code&gt;Your project is ready at C:&lt;span class="se"&gt;\U&lt;/span&gt;sers&lt;span class="se"&gt;\M&lt;/span&gt;anda&lt;span class="se"&gt;\G&lt;/span&gt;it&lt;span class="se"&gt;\R&lt;/span&gt;NToDoApp

To get started, you can &lt;span class="nb"&gt;type&lt;/span&gt;:

  &lt;span class="nb"&gt;cd &lt;/span&gt;RNToDoApp
  yarn start
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;After you follow the instructions above, you'll notice a couple things happen. First, the Expo Developer tool will start up in your default browser. You'll also see a QR code in your terminal. This is where things start to get fun. 😃&lt;/p&gt;

&lt;p&gt;Based on my own experiences, the experiences of others and the almighty Stack Overflow, I would select "Tunnel" instead of LAN (the default setting) in the Expo Developer Tool for the best experience. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--J2_9F8z4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/fr4f8o7r7rok9pjymov4.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--J2_9F8z4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/fr4f8o7r7rok9pjymov4.PNG" alt="Image of Expo developer tools showing that you should select the Tunnel QR code instead of the LAN"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Now you just open your camera, scan the code and... Oh we have to download an app now. 😵&lt;/p&gt;

&lt;p&gt;Go to the App store on your phone and down the app called "Expo." Make sure you sign in to your account (create one if you haven't already). I would leave notifications on for Expo since it makes opening a project faster. Here are what the icons look like for Android and iOS, respectively: &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--4LanSGkb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/y7xr0ge5ozfqgyb65smg.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--4LanSGkb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/y7xr0ge5ozfqgyb65smg.PNG" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Okay now we can open our app! 🎉 Scan the Tunnel QR code in your Expo developer tools. You should get a notification on your phone to Open the Project in Expo. Here is what your project will look like once it's loaded: &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--IR9G4WPN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/7qp01orx6fjic3ac3e2w.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--IR9G4WPN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/7qp01orx6fjic3ac3e2w.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  4. Let's start to look at the code
&lt;/h2&gt;

&lt;p&gt;Open up the RNToDoApp directory in your favorite code editor. I use VSCode. &lt;br&gt;
Navigate to the App.js file. Here is what you'll see:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight jsx"&gt;&lt;code&gt;&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="nx"&gt;React&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;react&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nx"&gt;StyleSheet&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;Text&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;View&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;react-native&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="k"&gt;export&lt;/span&gt; &lt;span class="k"&gt;default&lt;/span&gt; &lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nx"&gt;App&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;
    &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;View&lt;/span&gt; &lt;span class="na"&gt;style=&lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;styles&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;container&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
      &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;Text&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;Open up App.js to start working on your app!&lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nc"&gt;Text&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
    &lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nc"&gt;View&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
  &lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;styles&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;StyleSheet&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;create&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt;
  &lt;span class="na"&gt;container&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="na"&gt;flex&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;1&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;backgroundColor&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;#fff&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;alignItems&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;center&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;justifyContent&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;center&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="p"&gt;},&lt;/span&gt;
&lt;span class="p"&gt;});&lt;/span&gt;

&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;Not so different from the App.js we see in a normal React app. There are some differences though. Notice the imports at the top bringing in Stylesheet, Text and View. &lt;/p&gt;

&lt;p&gt;Let's look at Text and View first. This is still JSX, but rather than using HTML tags, in React Native you use built in components. In this case, &lt;code&gt;&amp;lt;Text&amp;gt;&lt;/code&gt; is a built-in component that displays some text, while &lt;code&gt;&amp;lt;View&amp;gt;&lt;/code&gt; is like a &lt;code&gt;&amp;lt;div&amp;gt;&lt;/code&gt; or &lt;code&gt;&amp;lt;span&amp;gt;&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;Let's look at &lt;code&gt;Stylesheet&lt;/code&gt; now. If you notice at the bottom of your App.js file - by chaining our Stylesheet component with the &lt;code&gt;.create()&lt;/code&gt; method and then assigning it to the styles variable, we are able to pass our styles through the style prop that's available on &lt;em&gt;most&lt;/em&gt; React Native components (more on that in a moment). &lt;/p&gt;

&lt;p&gt;As you may have noticed, the CSS property names are camel cased in React Native (much like styled components) and don't include the all the same features you might be used to, like linear-gradient. You'll start to notice there are other differences as well, such as React Native doesn't use "pixels" it uses "points."&lt;/p&gt;

&lt;p&gt;Our app is pretty boring right now. I think it needs some styling. Let's add a border around the text to make it really pop. &lt;/p&gt;

&lt;p&gt;First we'll need to create another object and add it to our Stylesheet like this:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight jsx"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;styles&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;StyleSheet&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;create&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt;
  &lt;span class="na"&gt;container&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="na"&gt;flex&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;1&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;backgroundColor&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;#fff&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;alignItems&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;center&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;justifyContent&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;center&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="p"&gt;},&lt;/span&gt; 
  &lt;span class="c1"&gt;//  Here we are adding a "class" of textBox with properties to create our border.&lt;/span&gt;
  &lt;span class="na"&gt;textBox&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="na"&gt;borderRadius&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;5&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;borderWidth&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mf"&gt;0.5&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;borderColor&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;#000&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;padding&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;10&lt;/span&gt;
  &lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="p"&gt;});&lt;/span&gt;

&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;You'll notice if you save, nothing happens. That's because we need to apply our style to the Text component on line 7, like this:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight jsx"&gt;&lt;code&gt; &lt;span class="k"&gt;export&lt;/span&gt; &lt;span class="k"&gt;default&lt;/span&gt; &lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nx"&gt;App&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;
    &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;View&lt;/span&gt; &lt;span class="na"&gt;style=&lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;styles&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;container&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
      &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;Text&lt;/span&gt; &lt;span class="na"&gt;style=&lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;styles&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;textBox&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;Open up App.js to start working on your app!&lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nc"&gt;Text&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
    &lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nc"&gt;View&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
  &lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;Now when you save your App.js file, you'll notice the expo app on your phone rebuilds and you can see your stylish new border.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--3gJ2UdTf--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/bzbqdz9sm74wwyojijuq.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--3gJ2UdTf--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/bzbqdz9sm74wwyojijuq.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Okay, you're right. Our app is looking great... but it's still pretty boring. We need to add some functionality! Let's add a button that sends us a secret message. &lt;/p&gt;

&lt;p&gt;Let's start by importing the "Button" component. Now would be a good time to start exploring how the Button component is different from a &lt;code&gt;&amp;lt;button&amp;gt;&lt;/code&gt; you are used to working with in HTML. &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;First of all, &lt;code&gt;&amp;lt;Button /&amp;gt;&lt;/code&gt; is self closing and requires a title prop that is a string. &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;In React you're used to using the prop &lt;code&gt;onClick&lt;/code&gt; for event handling. In React Native, you'll be using &lt;code&gt;onPress&lt;/code&gt; instead.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Buttons do not have a style prop and are default styled (based on if you are using an Android or iPhone). You can use the "color" prop to change the color of your button though. Find more details about this under "Handling Touches" in the React Native docs.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;So why would we use the &lt;code&gt;&amp;lt;Button /&amp;gt;&lt;/code&gt; component, you ask? Well - you wouldn't. &lt;br&gt;
We'll talk more about the components we use to handle touchables in Part II. &lt;/p&gt;

&lt;p&gt;Now let's finish this up by creating a function that will alert our phones with a top secret message. See my code below as a reference.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight jsx"&gt;&lt;code&gt;&lt;span class="k"&gt;export&lt;/span&gt; &lt;span class="k"&gt;default&lt;/span&gt; &lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nx"&gt;App&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;

  &lt;span class="nx"&gt;secretMsg&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="nx"&gt;alert&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Drink more Ovaltine&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
  &lt;span class="p"&gt;}&lt;/span&gt;

  &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;
    &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;View&lt;/span&gt; &lt;span class="na"&gt;style=&lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;styles&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;container&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
      &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;Text&lt;/span&gt; &lt;span class="na"&gt;style=&lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;styles&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;textBox&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;Open up App.js to start working on your app!&lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nc"&gt;Text&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
      &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;Button&lt;/span&gt; &lt;span class="na"&gt;title=&lt;/span&gt;&lt;span class="s1"&gt;'Press Me'&lt;/span&gt; &lt;span class="na"&gt;color=&lt;/span&gt;&lt;span class="s1"&gt;'pink'&lt;/span&gt; &lt;span class="na"&gt;onPress=&lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;secretMsg&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt; &lt;span class="p"&gt;/&amp;gt;&lt;/span&gt;
    &lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nc"&gt;View&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
  &lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;After you save this code you'll see you have a button that, if pressed, will send you an alert with your secret message. &lt;/p&gt;

&lt;p&gt;If you made it this far - great job! You're done! You really deserve a high five. &lt;/p&gt;

&lt;p&gt;Thank you for reading. In the meantime before I release Part II, you can learn more about React Native with these resources:&lt;/p&gt;

&lt;p&gt;How to build a weather app in React Native, by Nathan Thomas: &lt;a href="https://medium.com/hackernoon/building-your-first-react-native-app-77a192734ff1"&gt;https://medium.com/hackernoon/building-your-first-react-native-app-77a192734ff1&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;React Native documentation: &lt;a href="https://facebook.github.io/react-native/docs/getting-started"&gt;https://facebook.github.io/react-native/docs/getting-started&lt;/a&gt;&lt;/p&gt;

</description>
      <category>reactnative</category>
      <category>codenewbie</category>
      <category>programming</category>
      <category>frontenddevelopment</category>
    </item>
    <item>
      <title>Mission Impostorble: How I'm Coping With My Impostor Syndrome</title>
      <dc:creator>Amanda Lane</dc:creator>
      <pubDate>Wed, 10 Apr 2019 14:08:08 +0000</pubDate>
      <link>https://dev.to/amlane/mission-imposterble-how-i-m-coping-with-my-impostor-syndrome-2li2</link>
      <guid>https://dev.to/amlane/mission-imposterble-how-i-m-coping-with-my-impostor-syndrome-2li2</guid>
      <description>&lt;p&gt;Something I didn't talk about in my &lt;a href="https://dev.to/amlane/hi-i-m-amanda-this-is-what-i-ve-learned-after-1-week-at-lambda-school-s-full-stack-dev-program-580h"&gt;first blog post&lt;/a&gt; recounting my first week at Lambda School, is how much I was struggling with &lt;a href="https://en.wikipedia.org/wiki/Impostor_syndrome" rel="noopener noreferrer"&gt;Impostor syndrome&lt;/a&gt;. Even though I was absorbing the material and completing my assigned projects, being surrounded by so many talented people who have been studying code much longer took it's toll on me fast. I want to share with you what is helping me move past my own self-doubts.&lt;/p&gt;

&lt;p&gt;Your mission, should you choose to accept it, try a few of these simple ideas and share what works for you with others:&lt;/p&gt;

&lt;h2&gt;
  
  
  Pair Program
&lt;/h2&gt;

&lt;p&gt;Pair programming isn't just a programming study group (although those are fun too!). Pair programming is when 2 developers work on one project together. The first programmer is the "driver" and explains what they want to see happen. The second programmer will type out the code for what the driver wants to happen. &lt;/p&gt;

&lt;p&gt;A nice way to break into pair programming is to have another developer view a project you're working on and have them advise you of what changes they want to see. Here's the before and after of my my project, respectively:&lt;/p&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%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fi95vo9lvwsdktjwliocj.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%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fi95vo9lvwsdktjwliocj.PNG" alt="before and after photo of a survey form project"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The point of this exercise wasn't just to make my project "look better." It helped test and grow my knowledge base of CSS properties by having another student tell me to make a change that I wouldn't have thought of trying. &lt;/p&gt;

&lt;h2&gt;
  
  
  Put in the reps
&lt;/h2&gt;

&lt;p&gt;&lt;code&gt;if (my code knowledge &amp;lt; I want it to be) { return &lt;code&gt;Study more!&lt;/code&gt;};&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;When I feel insecure about something I remind myself that it's a message from my unconscious mind telling me it's worried about our survival. When I was insecure about my body, I started following a healthy exercise/diet routine. Using that same logic, if I'm feeling insecure about the knowledge I have, I should practice good study habits and have a good routine if I want to improve that part of my life. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Admitting your weaknesses and working on them is the epitome of personal development.&lt;/strong&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Accept that time travel doesn't exist
&lt;/h2&gt;

&lt;p&gt;I've beat myself up too much for not being farther along in my journey to learn code. There's been several times I almost went to school for Computer Science but it didn't work out. I'm realizing that until now I wasn't ready, mentally and physically, and that everything I've been doing up until now has actually been preparing me to make the most of this experience.&lt;/p&gt;

&lt;h2&gt;
  
  
  Do something to improve your mood at least once a day
&lt;/h2&gt;

&lt;p&gt;I learned that my mindset was the real culprit. I had to realize that I am 100% in control of my reaction to my impostor syndrome in order to really squash it.&lt;br&gt;
This is something you'll have to experiment with on your own through trial &amp;amp; error to find what works for you.&lt;br&gt;
&lt;strong&gt;What works for me:&lt;/strong&gt; I have to make sure I get exercise, spend time outside, and have a positive daily mantra to use when I notice I'm starting to spiral into a shame spiral of impostors syndrome. &lt;/p&gt;

&lt;p&gt;Connect with me on &lt;a href="https://twitter.com/MandaLane_" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt; and join me in the #100DaysOfMotivation challenge (or however many days you want to commit to). Let's lift each other up!&lt;/p&gt;

&lt;h2&gt;
  
  
  Understand that everyone struggles with it
&lt;/h2&gt;

&lt;p&gt;Who doesn't struggle with feeling like they aren't good enough or don't belong? I know I do. Even as I write this now, I'm struggling with the feeling that I'm terrible at writing and why would anyone want to read my blog posts? (I'm on my usual third draft)... &lt;br&gt;
The best thing you can do is express those feelings. After my first JavaScript class at &lt;a href="https://lambdaschool.com/" rel="noopener noreferrer"&gt;Lambda School&lt;/a&gt; my brain literally hurt. I felt like everyone around me was flawlessly iterating through arrays while I was struggling with basic syntax issues. &lt;strong&gt;(FYI: Later on I found out my classmates were also struggling but putting on brave faces.)&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Feeling almost defeated, I tweeted: &lt;/p&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%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fmmyln1el8iokibqvfj9d.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%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fmmyln1el8iokibqvfj9d.png"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Reading responses like "ACCURATE", "OMG Yes", "Where is the lie?" gave me so much encouragement (and lol's). Finding out other developers in the community relate with my struggle made me feel apart of something and that what I am experiencing is completely normal. &lt;/p&gt;

&lt;p&gt;Please let me know if any of these tips worked for you or what you do to help you cope with your impostor syndrome. I'd love to hear about your experiences and join you on your journey through learning code. &lt;/p&gt;

</description>
      <category>codenewbie</category>
      <category>imposters</category>
      <category>learning</category>
      <category>selfcare</category>
    </item>
    <item>
      <title>Hi, I’m Amanda &amp; This Is What I’ve Learned After 1 Week At Lambda School’s Full Stack Dev Program</title>
      <dc:creator>Amanda Lane</dc:creator>
      <pubDate>Wed, 27 Mar 2019 05:08:20 +0000</pubDate>
      <link>https://dev.to/amlane/hi-i-m-amanda-this-is-what-i-ve-learned-after-1-week-at-lambda-school-s-full-stack-dev-program-580h</link>
      <guid>https://dev.to/amlane/hi-i-m-amanda-this-is-what-i-ve-learned-after-1-week-at-lambda-school-s-full-stack-dev-program-580h</guid>
      <description>&lt;p&gt;&lt;strong&gt;Coding is hard.&lt;/strong&gt; Plan to be frustrated, even if you usually excel at learning new things. Even senior developers working in the field for several years still struggle to fully understand certain concepts. Give yourself permission to be a beginner and remember — hard != impossible.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Get out of your comfort zone.&lt;/strong&gt; If you’re introverted, try pair programming. If you feel comfortable with HTML &amp;amp; CSS, spend more time learning JavaScript. If you’re not challenging yourself you’re not growing.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;You ever used React? React Native? What about LESS? Sass? Node.js? The DOM? C? C++? Python? Django? Ruby? Ruby on Rails? Do you even Bootstrap bro?&lt;/strong&gt; Don’t feel bad. Me neither.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Don’t compare your journey to anyone else.&lt;/strong&gt; Each student joins Lambda with varying degrees of expertise, but it’s only those who remain determined, even in the face of adversity, that leave a Full Stack Web Developer.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;The only way to learn coding is through repetitions and application.&lt;/strong&gt; There are no short cuts. If you want to learn how to write in several computer programming languages you will have to study and practice. I recommend starting a personal project right away where you can apply what you’re learning each week.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Network and connect with other people who enjoy learning to code.&lt;/strong&gt; There’s a whole world on Twitter I knew nothing about. After my second day at Lambda School, I admitted defeat on the #100DaysOfCode challenge thinking that I’d just have to give up in order to really focus on school. I woke up to several messages from other developers in the community cheering me on and encouraging me to keep going.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Have you heard of &lt;a href="https://rubberduckdebugging.com/" rel="noopener noreferrer"&gt;“rubber ducking”&lt;/a&gt;?&lt;/strong&gt; How many times have you gone to ask a question just to answer it yourself in the process of explaining the problem? That, my friend, is rubber duck problem solving. Have an irrational fear of ducks? A kitty cat from &lt;a href="https://www.tokidoki.it/collections/toys-collectibles" rel="noopener noreferrer"&gt;tokidoki&lt;/a&gt; works just fine too.&lt;/p&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%2Fcdn-images-1.medium.com%2Fmax%2F800%2F1%2AxmTKm3RKD8_wyMZD9CgIow.jpeg" 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%2Fcdn-images-1.medium.com%2Fmax%2F800%2F1%2AxmTKm3RKD8_wyMZD9CgIow.jpeg"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Amanda Lane is a Full Stack Web Development student currently attending Lambda School. All opinions are wildly unpopular and my own.&lt;/p&gt;

</description>
      <category>code</category>
      <category>coding</category>
      <category>codenewb</category>
      <category>programming</category>
    </item>
  </channel>
</rss>
