- Here we are using the component, passing in a function, and then returning some content.
- The component is able to manage all the state without leaking it’s logic into any other component.
- This type of component is applicable for times when you need to reload the specific data each time.
- Additionally if there is additional logic like sticky headers, the outer component doesn’t need to know anything about the logic required to do so.
- With children as functions we are still able to compose our components like any other React component.
React allows for you to specify a function as a child, which children is just a normal prop so it is equivalent to a render callback.
- Thanks to the great speakers, companies and community within less than 6 month the React Native Berlin Meetup became the
- With React Native you can build fast Native iOS, Android and Windows Mobile Apps.
- We are happy to see you at our next React Native Berlin meetup.
- • Is your company interested in sponsoring React Native Berlin?
React Native Berlin Meetup at NewStore
19.00 – 19.30: Arrivals
19.30 – 19:35: Introduction by NewStore & Markus Lühmann, Founder & CEO of Galaxonic
Continue reading “⚛ React.js & React Native Berlin Meetup at NewStore”
- I’m going to give it a name of NavComponent because that just makes way too much sense, and inside the render function, toss in an empty (for now) set of tags to wrap around everything else that will go in there:
And underneath all that I’m going to render the component inside the tags in my index.html:
Ok, so we have a basic component that renders an empty nav.
- This will give my a “hamburger” icon (courtesy of Font Awesome) for smaller screens that need a drop down menu.
- Since our drop-down menu is contained in the “narrowLinks” className, we’re going to target that in our function:
And then tell our function to toggle the drop-down based on its current CSS display value:
And to make the new function work, we need to give our and tags inside “navNarrow” an onClick:
That just about wraps it up.
- I obviously don’t want to see both sets of links all the time, and since we’re using mobile-first design, we’re going to set our “navWide” links to hidden:
And we’re also going to stick our hamburger icon and drop-down links on the left side of the screen, just for funsies:
So by setting our icon to float: left, that’s taken care of.
- And finally a media query to switch between our mobile drop-down menu and our larger screen mode with just a row of our links:
For a working example, click here.
I use React a lot, and I use navbars a lot, so this was just an obvious one for me. This is nothing extravagant. I’m not using React Router in this example, just some tags. But it is responsive, so that’s fun.
Continue reading “A React Navbar Component by Dan on CodePen”
- You already know about Flux/Redux, so here’s what Vue has to offer:
Last, what continually has me impressed and coming back for more with Vue.js is its outstanding community, the professionalism of Evan and his contributors, its ease of use, and its no-brainer alignment with the Web Components standard.
- A few things about Vue got me hooked over React, namely:
“ I used Angular 1 for a little over a year then switched to React.
- I’ve taken a look at Vue a couple of times but never really built anything with it, that being said I’ve heard nothing but great things about it and from the looks of it, it is pretty easy to pick up.
- So I would argue that instead of looking for the easiest/ most powerful/ most popular framework out there it might be more useful to learn something useful to you long-term as a developer (although React also has the most popular thing covered).
- I actually really wanted to do React, but Vue was just so much more approachable that I couldn’t justify spending the extra time learning React.
VueJS vs. ReactJS – what people think about libraries, frameworks & more. How will you decide which ones are worth spending time over?
Continue reading “Impressions about VueJs & ReactJS. What people think…”
- Angular’s shift away from direct DOM access, allows for using it to build apps on all sorts of platforms.
- Desktop apps, fully native mobile apps and even microcontrollers can all be developed for with Angular.
- In this session, we’ll develop a web app, a fully native mobile app and an IoT-app all based on Angular and a similar code base.
- You’ll learn how to share code between these platforms and how you should design your architecture to build such robust Angular applications.
- But mind you, you’ll learn a lot of good practices for your Angular based web development and you’ll gain a deep understanding of the philosophy behind the Angular framework.
This Time it’s all about Angular and React.
Angular is not a web framework! by Julian Steiner
… Angular is a platform! Angular’s shift away from direct D
Continue reading “📣 Handling complex forms in #reactjs with ease by @ArcEglos – next Tuesday @arangodb”