Auto news on Youtube Aug 21 2017

Hello YouTube, this is Mary from Happy Coder.

In today's video, I'm going to show you how to build a Markdown previewer web app,

which is the first React project from Free Code Camp.

Here on the screen is the final product.

On the left side, it's the editor in which you can type in the content and apply the

markdown syntax to it, on the right side, the rendered text will be displayed simultaneously.

As usual, in the description box, I have added a link to a copy of my codes in a Google Drive

shared folder.

Please feel free to download and examine the codes.

Since this is a React project, of course I'm going to use the react library.

As you may have already known, there are a lot of courses out there instructing how to

install the react library using npm and it requires a lot of configurations.

The app we are building today is rather simple, so I chose to add the CDN links of React and

React DOM from Facebook to this script to save us time on the installation and configuration

process.

I also added the Markdown library via CDN and added its link to the script.

The last thing I added to the script is the CDN link to Babel, which will transcribe my

ECMA6 scripts to ECMA5 so that my app can run on all the popular browsers.

Now we have all the libraries added.

Let's go have a look at my DOM structure which only contains one div tag with the id

"App", as using React allows us to update the DOM dynamically by writing html in JavaScript.

I will explain in details how this is achieved soon.

A very important concept in React is "state".

By updating the state of our components, the DOM will be re-rendered to reflect the change

almost instantaneously.

This means if we link the user's input to the state, we will see the change shown on

the screen as the user is making the entry.

Here is my code of how this idea is realised.

I built a React component called "Editor", it will be called in the ReactDom.render method

at the end of the script and added as a class to the id "app" built in the original

html.

In this React component, I first added a constructor and assigned the initial state "editor"

which contains a key pair: the property is called "content" and the value is defaulted

to a string of a bunch of texts with markdown.

A note here is that using ES6, the "super" method must be used when a constructor is

defined.

Then I built a function called rawMarkup, in which the marked method from the markdown

library we have added via CDN is called to render the strings in the "state" with

proper markdown syntax.

Next, I built another function called "onChange" and it takes one parameter "event".

This function is to be called when the user enters any input.

In this function, I used setState method to update the default value I entered previously

with the user's input.

One thing to note here is that a binding method must be used to make 'this' work in the

callback function, unless you're using the arrow function syntax.

Please refer to Facebook's React documentation concerning this issue.

Once we have the state set up and all the required functions built, it's time to update

the DOM with our desired values.

In the render function, I wrote some html codes to specify what I want to see in the

DOM.

There are 2 things which are worth mentioning.

The first thing is that to take the user's input, the textarea tag should be used instead

of the input tag, as the textarea allows the user to enter multiple lines of texts which

input doesn't.

Secondly, to return the markdown values, I used dangerouslySetInnerHTML and passed the

object "rawMarkup" with a __html key.

This is recommended in the Facebook React reference, again please refer to the official

Facebook react documentation concerning this practice.

This wraps up today's video.

Hope it's been informative.

Please comment, like, share and subscribe to my channel.

See you in my next video.

For more infomation >> Building a Markdown Previewer web app using React - Duration: 4:16.

-------------------------------------------

How To Build Your Brand In 5 Steps - Duration: 9:10.

hey there this is Symone Redmond. I want to welcome you to another episode of

Symone Redmond TV. And in this episode, we're going to be talking about how you

can build your personal brand, and how you can use it to create that brand that

everybody is going to absolutely love. So stay tuned.

Alright! So welcome back to the episode! So, in this video we're going to be

talking about how you can build a personal brand to help make it the brand

that you absolutely love and that your audience and customers love as well. So I

received a question from a follower of mine, and they asked "How can you build a

personal brand through the power of video?" Now, this is something that I have

done for the past three years and I wanted to give you my ways and my tips

on how you can do the exact same. There are going to be five steps we're

going to be talking about today, so let's get started! First and foremost, you

want to build a loyal following by providing value to others, okay? Which

leads me to number one, which is Credibility. I want you to think when

it comes to credibility, why should people be following you

why should they be listening to you? Because here's the thing with

credibility, once you lose it, it's never coming back. That is what I want you to

understand because the more that you are credible the more people are going to

look at you as that person to go to, the person who is full of information that

can help them out with their business or whatever it is that they could be doing.

And that is why you always want to have some sort of credibility or be building

up credibility in your brand and in your business. And the best thing about

credibility especially building it out in the beginning stages, you don't have

to be an expert. You can express your authenticity with your audience and let

them know, Hey I am brand new in this niche I am just now getting started but

these are the things that I know." I did that, okay? I didn't know a lick about

video marketing or social media marketing, but I let my audience know in

the beginning how or how early I was into my face or my niche or in my

business and that these are the things that I know so establish that

credibility with your audience ASAP because once you lose your credibility

it's not coming back and that's something that you definitely do not

want to happen number two is consistency so with

consistency you always want to make sure that you are speaking the same across

every single platform that you are using so if your going to be using Facebook

you know it's the grand twitter how you type things out on social media how you

pronunciate your condo your grammar everything everything has

to have a consistency with your brand because you are definitely unique and

you are the only you in the world unless you have twin right but you are the only

you in the world so I want you to understand that you have to be

consistent across all platforms across your entire brand as well as with your

graphics and visuals you wanted to be consistent find your brand colors bide

your brand's fonts find your five-year your social media network that you're

going to be using Ally it could be - I use Facebook in YouTube so you want to

find the consistency in your brand okay that is what you always want to do now

this is something that I've been learning the beginning but of course as

time goes on I learned that I need to have a brand color I need to have a

brand fine I need to know that when people look at a logo or they look at

the font they know that it's mine so I want you to understand that now

especially if you are just now getting started establish those right now at

this moment because that is what's going to create consistency with your audience

and they'll know that when they see a video or they see a picture of your logo

or of you they know that they instantly think of your brand

number three is collaboration so with collaboration here is my here is my take

on it collaboration is amazing now some people think that you know you have

competition in this nature you have competition in this one you need to be

paying attention to whether it is that they do and I get that part but here's

the thing if you're wanting to go to your brand collaborate with your

competition okay this is going to help you get your

face out to their audience and then they'll session know who you are

okay and they can collaborate with you and get and do the same thing vice versa

you want to make sure that you are giving value to other people in

supporting them supporting your competition in the collaborations when

it comes to doing collaborations so if you don't take anything away from this

point I want to let you know this you want to make sure you are adding value

to people eyes or other people's lives before you expect anything in return

okay you always have to add that value so when it comes to building online

building online is all about your dialogue okay you can use tools like

HootSuite and buffer and everything like that because you want to make sure that

you are reaching out to people who are in your same niche so you want to do

your research okay do your research find people who are in your niche and you

want to reach out to them and ask them if you want if they would like to

collaborate with you and that's how you can grow your brand easily now another

thing is that you always want to make sure that you are retweeting out or you

are responding to retweets or comments likes anything of that nature you always

want to make sure that you are in your own community especially letting them

know that you are there you are responding to comments you're responding

to everything that you see when it comes to your brand and people will actually

love you more for just doing that number four is all about relevancy so when it

comes to your brand your niche your topic your industry whatever it could be

you always want to be looking for the next newest information because you want

to provide that information to your audience which means that you need to do

your research okay use a Google Keyword planner figure out what type of blogs or

what type of publications are within your niche and read those take about 15

minutes a day read what it is that they're talking about and see how you

can create content around that for your audience within a video or free webinar

a PDF an e-book whatever you want to do you always want to make sure that you

are being relevant in your niche and that's going to help establish your

personal brand so with me yes when I first started I was all over the place I

was on Instagram I was doing Twitter I was doing other things too but now I

have to really hone in on video marketing things which means YouTube

Facebook Instagram stories snapchat messenger day I'm not doing anything

else outside of that so that means I have to focus on what's relevant with

those things as well as search engine optimization as well and then give that

information to my audience to help them grow because I have to stay consistent

with my brand and be relevant within my brand as well so those are some things

that you can do to the biggest publications within your

niche on level of mine there's Forbes there's a entrepreneur

com there's a video makers Digital Trends I mean there's so many things

that I look at on a daily basis to see how can I find content to help you grow

your brand and your business just a little bit more and number five which

really honestly took me so long to understand and to figure out is that you

have to be humble now with being humble and humility you have to understand that

you cannot call yourself the expert you cannot call yourself the the go-to

person or whatever it could be right because you want to let your audience do

that for you you always want to provide consistent value make sure that it's

really really good content whether it's in videos the download the PDFs whatever

it could be and then let them put that title on you you never claimed that part

of yourself that is something that I had to learn the absolute hard way because

at the of my beginning stages I was calling myself a video marketing expert

but guess what I wasn't an expert and people were actually taking note of that

so I just kind of let my content and my words and everything that I do speak for

itself and that's how the titles come about people are like oh she's a video

marketing strategist or she is a video marketing expert or a YouTube expert

whatever it could be so I let them put those titles on me and just let my

content and my work talk on its own well I hope that you enjoyed this continent

if you have please share this with your friends hit the like button below and be

sure to subscribe because I post video marketing and social media videos and

tutorials every single Monday alright so I will see you on next week's episode