0:00
uh hello guys welcome to this video so
0:02
in this video I'll show you how to
0:04
integrate this Emoji picker inside your
0:06
reactjs application using a third party
0:09
module uh this third party module is
0:11
very famous for integrating this Emoji
0:14
picker uh this is specifically bait for
0:17
react CH applications the name of the
0:20
module is Emoji picker Das react so if
0:23
you go to this website npmjs.com uh just
0:26
search for this module emoji
0:30
picker react this is actually the module
0:34
here specifically built for reactj
0:36
application to pick up emojis so the
0:39
command is very simple you first of all
0:41
install this module it's almost got
0:44
328,000 weekly downloads so
0:48
now how we use it so we have a very
0:51
basic react Chas application if you
0:56
see so we have a simple functional
0:58
component right here at app. TSX file
1:01
right here so we simply embed this using
1:05
this component Emoji picker this
1:08
component is available it is integrated
1:10
from importing this import Emoji picker
1:14
and it is coming from this Emoji picker
1:16
react as soon as you do this you will
1:19
see it will refresh and your application
1:23
will have a Emoji pickle and you can
1:26
pick any Emoji let's suppose Apple you
1:34
so you can see all these emojis are
1:38
there you have different categories of
1:40
emojis right here so you can easily
1:43
integrate inside your reactj application
1:46
using this module you simply install
1:49
this and simply embed this by embedding
1:53
wherever you need to embed this so we
1:55
simply embed the component and if you
2:02
display a Emoji we can actually use
2:05
Emoji component which will be coming
2:09
library and uh this Emoji picker if you
2:13
see they have given a great
2:17
documentation you can control the width
2:23
well so it actually takes these
2:28
attributes can change the width and the
2:31
height here accordingly you can give
2:34
Dimensions let me say 1280 by 720 you
2:37
can see you can resize the Emoji picker
2:39
window so now it is little bit
2:42
wider and also we have a different
2:46
also so we also have the Dark theme as
2:50
well so by default it comes with the
2:52
light theme but we also have the Dark
2:54
theme now if you see the Emoji picker is
2:56
coming in the dark theme so it's a fair
2:59
very good module guys you can actually
3:01
use it inside your react application
3:04
Emoji picker react and then inside you
3:07
can pass different options we can width
3:10
height we can also change the theme Here
3:14
different kinds of themes are also
3:16
present you can see that so you can
3:19
check out their documentation you can
3:20
even style this by providing a style
3:27
object so this is actually the module
3:31
uh you can actually use this module
3:34
Emoji picker react for picking up emojis
3:37
so thank you very much for watching this
3:39
uh video please hit that like button
3:42
subscribe to channel also check out my
3:44
website free mediat tools.com which
3:47
contains thousands of tools regarding
3:49
audio video and image
