redux javascript react reactjs celulite vintage coding flacidez coronavirus estetica pandemia saude programming html thriftshop vintageclothing webdevelopment fashion style code css fortnite beleza emagrecer gaming gorduralocalizada reactnative danskdesign developer wildpeople
100th DAY OF CODE!
Challenge just finished! ✅
Today I finish my #100daysofcode! I have to say, this challenge helped me as a good motivation, I’ve had some days that I was just tired but, it helped to keep coding, some says that it doesn't work or means nothing but, it actually helped me and I do recommend it for everyone!
I could increase my networking with it, I got to know many people here on Instagram, people that helped me in some way and they helped even if they didn't know about that, because I could see day by day every one of them studying, practising, improving your skills and it was a kind of motivation for me! I’ll keep recording my progress day by day. I’ll keep sharing my progress here because, as I said, it helped a lot and I'm sure that it will help me more and more. .
It is very good to look back and see the beginning of everything, see what I’ve done to set my future goals and keep coding!
Cheers!
Keep coding! #keepcoding #redux #challengefinished
100/100
This is oddly entertaining!
By Malachai Prime
.
.
.
#gaming #gamer #ps4 #gta5 #gaminglife #videogames #gamingmemes #xbox #games #pcgaming #instagaming #game #playstation #gta #xboxone #geek #memes #gamers #gamingpc #onlinegaming #gamingmeme #pc #gtaonline #funnymemes #meme #dankmemes #redux #grandtheftauto #xbox360 #gamology
I thought that Xbox 360 graphics were good... but the difference here is INSANE
DubStepZz
.
.
.
#gaming #gamer #ps4 #gta5 #gaminglife #videogames #gamingmemes #xbox #games #pcgaming #instagaming #game #playstation #gta #xboxone #geek #memes #gamers #gamingpc #onlinegaming #gamingmeme #pc #gtaonline #funnymemes #meme #dankmemes #redux #grandtheftauto #xbox360 #realistic
⛵ Navigation with React Router. ⚛️
.
As I said before I'm currently learning React and Redux through Stephen Grider's course on Udemy. And today's lecture was about React Router. There basically three types of routes in React:
.
Memory Router: this kind of router doesn't use the URL to track navigation which means that whatever the page you go the URL will be the same. You can use this when there is no reason to show the change in URL, like browser games.
.
Hash Router: this one has a visible path that starts with #, like 'localhost/#/blog'. Although this seems ugly it is the easiest way to use routes, especially in production, because it doesn't need any configuration on the server.
.
Browser Router: this last one has a common visible path, like 'localhost/blog'. But it's not that simple in production: you will need to do a special configuration on the server to make sure that your index.html file is served, even when the web server is asked for something else that doesn't actually exist on the web server.
.
That's how routing works in Single-Page Applications (SPA). Tomorrow I'll learn about Authentication with Google OAuth. Stay tuned! .
.
️ #buildupdevs
.
.
#devs #dev #developer #coding #code #coders #computerscience #programmer #programmers #webdevelopment #compsci #webdev #thedevlife #peoplewhocode #webdev #webdeveloper #webdesigner #desenvolvedor #devspeople #developerspace #react #redux #js #javascript
Saturday is for my fun side projects and writing. This way I keep myself updated with the latest tech news/standards and evolve as a specialist. So, I decided to share some tips about how I learn and what strategy I use:
I am very selective about the materials I learn from. It’s never possible to read all of the information in there and selecting only the best helps you save time and concentrate on what matters. I usually prefer to go quite deep into understanding how technology works underneath rather then just blindly try things out and hoping it works This way I get the necessary foundation that helps me understand higher level concepts. I recently bumped into a tweet that said: “Fatigue comes from trying to learn new unfinished tools every week. That's shallow learning. Pick something, dive deep, and get insight.” By Kimmo Puputti. I agree 100%! Rather then trying to figure out React.js/Vue.js/Angular, concentrate on learning properly latest ES6 features, read about JavaScript patterns. Rather then stating backend by creating yet another Node.js tutorial copy, read about Reactor pattern, study Application architecture patterns in a retrospective. Then create small project to help you understand how these things work in practice. Rather then giving up trying to understand Redux, learn about Haskell or Elm and you’ll get it in an instant. Always try to go deeper! This is what sets great programmers apart!
Photo credits: @daru_ontheroad
#redux #applicationarchitecture #elm #haskell #reactjs #frontend #learncomputerscience #codinggirl #coder #programming #programmer #k7 #andotherstories
Authentication in React JS ⚛️
.
Right now we're starting to build our final application which is a clone of Twitch.tv! I don't think this will be just a basic clone because it takes 10 sections out of 26 in the course!
.
❕ In today's lessons we implemented authentication using Google OAuth. It wasn't OAuth for servers but OAuth for JS Application which is a lot easier to implement but has some downsides.
.
After creating a project in the Google Developer Console, we just have to link the js file provided by the Google API, know as 'gapi', in the index.html file. By doing it we can access the API through the Window Object and do whatever we need to do.
.
➡️ In the second pic there's a very basic example, using the console, of how Google API works for authentication. In an real application we actually have to start the 'getAuthInstance()' by doing 'gapi.client.init()' with the clientId and the scope of the user's information that your application is going to access. I got impressed by how straightforward this was.
.
The Twitch clone does not have a good layout yet but I'll be posting more about it when it gets there. Have a great weekend!
.
.
️ #buildupdevs
.
.
#devs #dev #developer #coding #code #coders #computerscience #programmer #programmers #webdevelopment #compsci #webdev #webdeveloper #webdesigner #desenvolvedor #react #redux #js #javascript #google #oauth #programador #coder #codinglife
⚛️ I'm back with React! Now that my finals are over and I have just a couple projects and assignments to do, I'm finally able to get back to study React and Redux.
.
I'm also spending more time learning business stuff and I've been taking some notes on the books I've read in the last months. I'm thinking about posting about it along side with web development. Interested? You know what to do :D
.
.
️ #buildupdevs
.
.
#devs #dev #developer #coding #code #coders #computerscience #programmer #programmers #webdevelopment #compsci #webdev #thedevlife #peoplewhocode #webdev #webdeveloper #webdesigner #desenvolvedor #devspeople #developerspace #react #redux #js #javascript #business #entrepreneur #startup #books
@kimo_dev - Day[26/100] - What's your favourite API? ⚡
I'm curious to see all the different APIs that people have worked with and which one is your favourite?
Today, I completed section 8 of my reactJS course In this we covered making requests to the unsplash API using Axios and async/await
This was my first time using Axios as well as async/await in JavaScript! It was great to learn new things for sure!
• What is Axios?
Axios is a 3rd party package that can be installed via NPM, which is a promise based HTTP client that allows you to make.. you guess it HTTP requests to APIs
• What is Async/await in JavaScript?
Async/Await are special JS keywords used to work with promises The async keyword is placed before a function to ensure the function returns a promise. The await keyword makes the execution of a function pause⌛ until the promise is resolved and then continue execution/return the resolved result.
Don't want this post to get too long so I'll leave it there, but this was a super interesting topic to learn about
What do you think about API/Back-End related stuff?
Happy coding everyone! ✌❤️
#100daysofcode - #regrann
Collecter les statistiques #REDUX effectuez une recherche à l'obtention des statistiques (Aller à la sélection).